Gone are the days of font shortage. Thanks to Google, they have introduced their Google Web Fonts web service which makes working with typography so much easier for web designers and developers. So how can you add these fonts to your own site? Here’s what I learned from a tutorial created by Basic Use. The [...]
Design is an important factor in a website but a lot of people tend to overlook the importance of text and typography. Without good, clean, and readable text, your website will lack functionality and readability. Here are tips on how to effectively incorporate text in your web design: Select readable fonts. There are tons of [...]
Typecast allows you to design and experiment in your browser with real content and test over 23,000 web fonts, including the most popular ones that include all weight families. It also allows you to compare font combinations to see what works. Typecast lets you build a clean and well-detailed HTML and CSS as you design, [...]
Adobe Edge Web Fonts is powered by Typekit which features hundreds of free web fonts for all you graphic designers out there. It gives you access to a wide library of font collections that include contributions from Adobe, Google and other creative designers all over the globe. It requires no account kit configuration that makes [...]
Got creative block? Here’s a cool way to relax: the Shape Type typography game. This online game is for you type fans and according to Scott Gilbertson of Webmonkey.com, to play it, you have to drag the curve adjustment tools to perfect the letterforms in different fonts. The game also helps you to be more [...]
Here’s a cool font that would look good in your design projects. Created by Alexey Frolov a.k.a. MRfrukta, Silverfake is a new contemporary slab serif wide font. Alexey’s design brings that unique classic feel, the old school-type style that is perfect for retro designs but can also be applied in modern styles. Although it contains [...]
Websites without icons are unimaginable because icons are now a staple element in web design. Here’s something I’ve found that is made by Stephen Hutchings, and it can help you make your designs cooler. Named Typicons, it’s a free-to-use icon set embedded in a webfont kit for easy use in your UI. It comes with [...]
Here’s a quick and short tutorial shared by Damien Oh from WPBDailyBits that shows you how you can change the font in WordPress’ HTML editor. Follow the very brief instructions below to find out how. Open your theme’s functions.php file. Copy/paste the following code below: add_action( ‘admin_head-post.php’, ‘wpdb_fix_html_editor_font’ ); add_action( ‘admin_head-post-new.php’, ‘wpdb_fix_html_editor_font’ ); function wpdb_fix_html_editor_font() [...]
Today’s feature is a Photoshop tutorial on how you can create a smoke text effect. Tom of PSDFAN has updated his previous tutorial on creating Smokey Typography, where the effect is more realistic than before and uses an updated workflow of Photoshop’s non-destructive tools which you can edit any time. To start it up, create [...]
Graphic designer Ainsley Bevis of Tutorials Share gives you a nice text tutorial which you can use in your design projects. Using Photoshop, you can create this sleek grunge, metal and sci-fi text effect. The techniques she used are textures, brushes and shapes with the following resources – metal resources and N-Gage font. Create a [...]
0
503
