• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

AreWeConnected.com

Custom WordPress Websites that Rock!

  • Home
  • About
    • Hire a Tech Dude!
    • Recommendations
    • Add your testimonial
  • WordPress
    • Custom WordPress Website Build
    • The Managed EVERYTHING Website!
    • Making your site “SECURE”
  • FAQ
    • Making Your Site SECURE
  • BLOG
    • Posts about WordPress
    • Guest Post and Comment Policy
  • Contact

Picking a font for a website

Wordpress · January 8, 2014

75
SHARES
FacebookTwitterSubscribe

I’m working on a few websites right now that want to use a specific font when a viewer loads their site.  While that seems pretty easy, there are two ways to make that happen.  Each is very different.

The first is to ‘suggest’ the font you want the viewer to use.  This is done in the code and generally looks like this

{font-family:”Times New Roman”,Georgia,Serif;}

What that means to a browser is, “When you display this site we would like you to try to use Times New Roman.  If your hard drive doesn’t have that could you please use Georgia?  Failing that (what kind of a computer are you?) please use anything you have with a Serif.  Pretty please?”

That sounds pretty passive right?  It is.

Option Two is that we preload a font into the browser as it loads.  This means we don’t need to rely on the viewer having it on the hard drive.  Instead, our site says to their browser, “Go load this file and use it for this website“.

That font file usually sits on a public server.  There’s a few sites out there * but I’ll point out one of the easiest. The Google Fonts API.  It’s at Google Fonts.

Google fonts

You can pick and play with a wide variety of fonts to see how they look.  You can sort and refine by things like Serif, San Serif, and handwriting.

Once you’ve chosen the font you want to use it’s an easy piece of code that will pull it into your site.

@import url(http://fonts.googleapis.com/css?family=Roboto);

How easy is that?

Font Load SpeedBONUS:

As a bonus, you don’t have to use just one font.  You can use one font for the titles and another for the content.  You could even go crazy and use yet another for the sidebars or menus!

A word of caution.  loading more fonts takes time.  Luckily each font file has a meter of sorts that tells you what this particular font load speed looks like.

There’s a few font plugins available for WordPress as well.

I’ve used WP Google Fonts for a few sites with no issues.

There’s also plugins devoted to the best font in the world – Comic Sans! 😉

* There are alternatives to Google like Fonts.com

Does that help?  What font is your Favorite?  Need help?  Happy to build your site or even just modify the one you have.

  • Author
  • Recent Posts
Mike Mueller
Connected?
Mike Mueller
VP of Happiness at AreWeConnected.com
A former professional hand model, Mike builds Custom WordPress Websites that rock!


He's an avid hockey fan, rides a mountain bike, sometimes rides a road bike, has a few motorcycles (he had a really fast one, bought a cool orange one, rode a really slow one, and now,a perfect "BDR Weapon"). If that isn't enough, he makes cheese and sourdough bread, loves strong beer and good red wine, and poorly plays the Mandolin.
Mike Mueller
Connected?
Latest posts by Mike Mueller (see all)
  • The Ultimate Guide to Writing the Perfect Blog Post - March 14, 2023
  • 8 Questions Your Web Developer Should Have Asked - April 27, 2021
  • Slack, Chat or Discord? - April 6, 2021
75
SHARES
FacebookTwitterSubscribe
New Comment Policy:
If you see something, say something!
(shamelessly borrowed from Homeland Security but really, let's bring commenting on posts back!)

Filed Under: Wordpress

Previous Post: « How to subscribe to a Craigslist search
Next Post: Testing the new Google Publisher Plugin »

Primary Sidebar

Who runs this Pop Stand?

Mike Mueller
Mike@AreWeConnected.com
PH: (925) 456-4567

Connect

  • Facebook
  • Flickr
  • Instagram
  • LinkedIn
  • RSS
  • Tumblr
  • Twitter
  • YouTube

Look, it’s Just a Newsletter!

  • While I might write a bunch, the newsletter is set to go out only on Wednesdays. That's it!  Just one day a week! Can you handle that?
  • This field is for validation purposes and should be left unchanged.

FREE Downloads

Icon
1843Small Biz Websites Built so far…

Let's Build Yours!

Expert Google Workspace help

Get Started and then hire the right help!

Lighten up!

Search: (anything)

Sign In / Up

  • Account
  • Website Management Subscription
  • The Managed EVERYTHING Website!

Who to host with?

It's the #1 question I'm asked - where to find inexpensive shared hosting. Here's who I recommend.
Data Servers are a HUGE drain on the power grid. Here's a host that sources 300% of it's power from Wind and Solar! On top of that, their service ROCKS!
Check out GreenGeeks

Need more power?

WPEngine has it!

Hacked?

Sucuri Security
Creative Commons License
This site was built, is hosted, and backed up, and maintained by Mike Mueller. AreWeConnected is about the open sharing of ideas without a hidden agenda. Assume any link on this site is an affiliate link, Clicking on affiliate links costs you nothing extra (probably saves you $) and helps support this site.
PRIVACY POLICY

MANAGE YOUR ACCOUNT

...another Custom Wordpress Website by Mike Mueller Hi!