background preloader

Getting Started - Google Fonts

Getting Started - Google Fonts
This guide explains how to use the Google Fonts API to add fonts to your web pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. A quick example Here's an example. Copy and paste the following HTML into a file: Then open the file in a modern web browser. Making the Web Beautiful! That sentence is ordinary text, so you can change how it looks by using CSS. You should now see a drop shadow under the text: And that's only the beginning of what you can do with the Fonts API and CSS. Overview You can start using the Google Fonts API in just two steps: or with an inline style on the element itself: For a list of fonts you can use, see Google Fonts. Specifying font families and styles in a stylesheet URL To determine what URL to use in your stylesheet link, start with the Google Fonts API base URL: Then, add the family= URL parameter, with one or more font family names and styles. For example:

Related:  TypefacesTips, How-to and TutorialsWeb designTypography & Web Design

Proxima Nova The Proxima Nova family is a complete reworking of Proxima Sans (1994). The original six fonts (three weights with italics) have been expanded to 48 full-featured OpenType fonts. There are three widths: Proxima Nova, Proxima Nova Condensed, and Proxima Nova Extra Condensed. Each width consists of 16 fonts—seven weights with matching italics. How to Find Affordable Expired Domains Hey, what’s up everybody. It’s Brian Dean from Quick Sprout. In this video, I’m going to show you how to buy affordable expired domains and how to evaluate the potential value that an expired domain could bring to your site. Now, expired domains is pretty gray hat, black hat type of thing because there’s basically two things you’re going to do in an expired domain.

Typography - 46 Cool & Useful Dingbat Fonts I know Dingbat fonts aren’t the most popular. A lot of them are, well, pretty unhelpful. But, there are also a lot of very cool Dingbat fonts out there that can be used for a variety of things. Ornaments, decoration, patterns, silhouettes and much more. The cool thing about them, is you can convert to outlines, and you’ve got yourself a very cool vector to play with. I personally use the ornament and decoration type dingbats a lot to enhance typography and things like that.

Free Alternative Font to Gotham & Proxima Nova If you're into your fonts you'll know that Gotham and Proxima Nova are very similar and very expensive fonts. They've recently become massively popular in the design community and some of the biggest sites use them. As with everything that has a price tag on it, there's always an alternative which is cheaper or free. How to Test Responsive Designs By Jacob Gube Testing your responsive web designs is crucial because the user experience on mobile devices is quite different from desktops. But actual testing on all the mobile devices in the market isn’t practical for most of us. So a simple responsive design testing technique some of us do is resizing our browser’s window size to kind of match the viewport sizes of smartphones and tablets. This is a quick-and-dirty trick for basic visual testing and it help us spot major problems, but it’s a terribly inaccurate portrayal of the mobile device experience. Mobile devices have unique touch interactions like swipes and pinch-to-zooms, and likewise desktops have interactions like hovering and right-clicking.

Typeface: Polar Vertex on Behance Polar Vertex is a new display typeface that inspires dreamers and free-thinkers. This typeface should be used primarily as a display font, as the details get lost as the size decreases. Ideally the use would be short lines of type illustrating a passion for the ethereal, the delicate and the mathematical. Top 50 Best Free Fonts Are you in love with the Free Fonts Section on UltraLinx? If you answered yes, then I believe this post will blow your mind. Today we round up the top 50 best free fonts for you to download. Did we mention they were free? From incredible vintage fonts to beautiful slim typefaces we share all.

About rich snippets and structured data - Webmaster Tools Help Rich snippets (microdata, microformats, RDFa, and Data Highlighter) Snippets—the few lines of text that appear under every search result—are designed to give users a sense for what’s on the page and why it’s relevant to their query. If Google understands the content on your pages, we can create rich snippets—detailed information intended to help users with specific queries.

The New Rules for Scrolling in Web Design What was once taboo in website design has made a complete resurgence as one of the most popular techniques in recent years as users are finding a new love and appreciation for sites where scrolling is a necessity. Shedding its old stigmas, scrolling is reinventing itself as a core interaction design element – that also means designers need to learn the new rules. Photo credit: Fitbit Kari Free Font on Behance Kari TypefaceSo this is my first typeface ever! This couldn't be done without 55 hi's amazing work on the most recent Typefight of EFF's. What I did was to took the F and decided to sketch out the whole alphabet and after that, layed it out on Illustrator. Hope you like it. DOWNLOAD (*.ai & *.ttf): Kari TypefaceSo this is my first typeface ever!

Museo Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts — it is an almost unorthographic life.