Watch this 1 minute video on how to add Google Fonts to your website. This Video Isn’t meant to show those who already use Google Fonts anything new. This is meant for those who may have just discovered Google Fonts but not yet know/understand how to implement themRead More
For many of you out that who are still wondering “why should I use Google fonts” or even “what are web fonts?” well this article will go over some of the very basic yet essential reasons to start using them.
For the Longest time the web was lacking when it came to the selection of fonts that could be used safely on the web. When I say safely I mean that you could use only the fonts that someone had installed on their computer on your website. This was a problem that went unsolved for many years and many designers learned to deal with it but were always left wanting.
The main alternative that web designers had when working with non web safe fonts was using images. There are many reasons why using images for font replacement was bound to fail. Images will weigh down your website, will not translate to other languages and are bad for Search Engine Optimization. Designers learned to bite the bullet when using images as font replacement for the sake of beauty. For years this was standard that is until web fonts came into the picture.
There are many different varieties of web fonts and for more of an overview of the options visit this article: How Google Fonts Stack Up With Other Web Font Services To put it simple what Google fonts now allows is for web designers and web developers to create websites, web applications, blogs, etc. with fonts that people don’t need to have installed on their computers. Using a very simple process of linking to one of Google’s fonts in their library, you are able to display a beautiful custom font throughout the interwebs!Read More
Have multiple Google Fonts that you want to use on your site? This is a nice way to use multiple fonts with out making multiple link requests. Making multiple requests can slow down your website loading time. To avoid this, try to use this format:
http://fonts.googleapis.com/css?family=Google Fonts Name 1 | Google Fonts Name 2 | Google Fonts Name 3
Google Web Fonts just got so much better!
Google has laid out a very fine tuned process of picking the best fonts for the job. With its new layout you can do so much more with one of the coolest innovations that I’ve seen on the web in a while. Visit the Google Fonts 2 beta by clicking the link at the bottom.
When you first visit the new site you will be presented with so many new features and options for testing and rendering your font choices.
On the left hand side you will see how many fonts are currently available. Below that there is a convenient search box for those who know the name of the font they are looking for. Below that is probably my favorite new feature which is the Filters section. The Filters section lets you search by Serif, Sans-Serif, Display and Handwriting fonts. This will be very useful with the ever growing number of Google fonts to sort through. Below that is another nice shortcut feature that allows you to narrow down your search even more by allowing you to search by thickness, any thickness, Ultra-light, Light, Book…etc.
Google has also increased the number of supporting languages by adding: Cyrillic Extended, Greek Extended, Latin Extended and Vietnamese.
Now shifting your focus the right hand side of the screen you will see three tabs at the top: Word, Sentence and Paragraph. Each of these tabs let you see how your fonts look up-close, in a single sentence and its full context in a paragraph.
You can now preview a user specified word or sentence to see how the font will look using just the content you provide. You can also be very accurate with your font selection by adjusting the font size to match the size that you will be using it at. The last dropdown box offers up some more features for those of us who can’t get enough control. The Sorting dropdown allows you to organize the list of fonts shown by Alphabet, Date added and Number of styles.
Last but not least, Google now allows you to create your own collection of fonts! This will be very useful in helping narrow down your font options without forgetting which ones caught your eye. Also this new feature will make downloading your font stacks a breeze!
There is one more cool feature that you will see once you click the “Use” button. I will leave that for you to discover.
Over all Google Fonts 2 gets a +1 for this new interface!
Below Is an overview of the top web font services written by Sylvia Egger of sprungmarker.de. There was no overview for web fonts so he decided to make one… he will be updating this and keeping it up to date and accurate.Read More
Being able to add Google Fonts to any website is pretty awesome. If you are like me though and are working on and viewing websites from a PC, you might have a different view on that. The way that a PC renders a font can be very different from the way a Mac does. If you are on a PC you may have noticed that your fonts look very pixelated no matter what browsers you look at them in. I recently found a way around this by adding this little hack.
font-family: “Google Font”, serif;
text-shadow:0 0 1px transparent;
By adding a 1px shadow to your fonts you can easily mask that ugly pixelated look.