menu

Say Hello.

Your first name is required.

Your last name is required.

A valid email is required.

Web Friendly Fonts

Google and other companies offer a service called Web Fonts, which supply fonts from your web server rather than from the viewer’s computer. Web Fonts allow for a wide variety of fonts on your site without the fear of having them display improperly when viewed by different users. Web fonts are advantageous because they can be read like regular text, which will help increase your SEO, download time, and accessibility, unlike text images which can increase the download time on your site.

The following are a list of fonts that were previously the only way to safely ensure that your content was distributed evenly across the web. When a website displays text, it’s using the font already installed on the viewer’s computer. By using tools such as Web Fonts, you can eliminate this problem.  

Google Webfonts

Common sans-serif fonts-

Arial
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Helvetica
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Verdana
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Tahoma
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Comic Sans MS
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Common serif fonts-

Times New Roman
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Georgia
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Garamond
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Bookman
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Common monospace fonts

Courier (one size only)
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Courier New
Sample Text:

Font-Size: 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

Font-Size: 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis libero vitae enim luctus ultrices. Donec cursus, nulla vitae faucibus hendrerit, sapien sem tincidunt odio, id viverra purus leo id nulla. Etiam vel magna porta nisi porttitor viverra quis eget tellus. Vivamus tristique nibh ut purus consequat vestibulum.

We Build Solutions

That go to work for you