If you’ve ever wondered what certain fonts would look like on your webpage/theme, and you didn’t want to actually code it, then you need this bookmark. What it does is it gives you a variety of webfonts to choose from, you pick a webfont, and drag to a paragraph or text, and you’ll see the font change without having to code it.
And it’s completely free to use
so. i was asked to do a tutorial for a moving text but, well, i got carried away and ended up arranging a tutorial for various kinds of texts in gifs. hurray!
here’s what you’ll learn from this:
- a simple moving text
- fading text
- how to put textures in texts
my result is this:
let’s get started!
- Anonymous asked how to make something like this.
- I use Photoshop CS5.
- The images are in Spanish but i think you can understand them.
- Please like the post if you think the tutorial has been useful.
- Click on the pictures to zoom.
- The final result is
Awhile back I was asked to make a tutorial on how i make my Four quotes per character graphic,but since i’m not that good at making tutorial and explaining stuff it took me awhile so i’m sorry for waiting.
Anyway for this graphics you’re gonna need:
Using Google Fonts I went through the list of Serif/Sans Serif fonts they have available and chose a few that I liked for both headings and copy. In addition, I went through their “pairings” guides to see what fonts have been commonly put with my chosen fonts and selected a few pairs based on their suggestions.
In the heat of the relaunch I wrote a quick blog post on responsive typography, focussing solely on the aspect of our latest experiment: responsive typefaces. Without knowing the history of iA, you’d miss some key aspects to the responsive typography and design in our relaunched site. Instead of mashing up all our articles on the matter, I decided to start from scratch and explain responsive typography step by step.…
I’ll be showing you how to make this:
a few people asked me to explain how i did the text on these photosets so this is just a step-by-step tutorial to make this one *u*