Customizing Text font on a page

kgphotos

Hello. On my website, I have an about me page that uses the HTML/CSS text block. I would like to change the body of the font to Roboto Light 300. It's a google font. Right now, it currently defaults to Open Sans which is my default body text font. I went to google fonts and it gave me the code for Roboto to add it to my site….

<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>

then it tells me to integrate the font into CSS which is this…

font-family: 'Roboto', sans-serif;

Nothing changes when I do that. I just want the body text changed. Not my header. So the question is..where do I add this stuff? In the HTML box or CSS box and how? Should I add anything else? I don't know much about HTML or CSS so I am going to need step by step instructions. Thanks for your help!

-Karen

bobbyhero

Using external fonts requires that you add the request in the Header, which we do not permit (you can't modify the tag in the New SmugMug). I'm not aware of a way to integrate external fonts with the New SmugMug, unless there are non-Head call methods I'm unaware of (which is quite possible).

denisegoldberg

There are notes on how to use / reference additional Google fonts in this thread.

--- Denise

kgphotos

denisegoldberg wrote: »

There are notes on how to use / reference additional Google fonts in this thread.

--- Denise

Thanks Denise! I looked at it and tried it but it never worked. Maybe I am not doing something right. I am a beginner with HTML and CSS.

-Karen

denisegoldberg

kgphotos wrote: »

Thanks Denise! I looked at it and tried it but it never worked. Maybe I am not doing something right. I am a beginner with HTML and CSS.

You might want to ask in that thread. Be specific and provide information on exactly what you tried.

--- Denise

kgphotos

denisegoldberg wrote: »

You might want to ask in that thread. Be specific and provide information on exactly what you tried.

--- Denise

Ok thanks Denise!