• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 530
  • Last Modified:

Web Page Fonts

This is the first time I've tried to import fonts into a web page.   I found google fonts and decided to give it a try.  I am following the instructions, but it isn't working.  The font I see isn't the font I expected.  

Here's what I am doing.

The web page imports a css file:  
   <link rel="stylesheet" type="text/css" href="/css/slides.css" />

The CSS file contains the following code:

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

html, body {
    font-family: 'Duru+Sans', serif;
    font-size: 18px;

Open in new window

My questions are as follows:
1.  What am I doing wrong?  How do I make my web page show the proper fonts?
2.   For my educational purposes, what is the 'serif' mean/do?  
3 Solutions
tmonteitAuthor Commented:
I've been to and read the Google Fonts getting started and my fonts still aren't working.  What else could be happening here?
You can give a try to this tool here: http://www.fontsquirrel.com/fontface/generator
You can upload font file and it will create working example for you, so you can see how it works as well.
Kyle HamiltonData ScientistCommented:
When you specify a font family, you usually write your prefers font first, an alternative, and lastly serif or sans-serif. Serifs are the little bits hanging off a character. Times is a serif font for example. As opposed to something like Helvetia which does not have the little decorative bits. I'm probably not explaing that very well, but you could google serif font, and I'm sure you'll get lots of better explanations.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now