Welcome to V A U L T G I R L, you will mostly find reviews, thoughts on life, and other junk. This isn't the most interesting blog, but I hope you stick around!
- Autum.

# Changing Your Font Using Google Web Fonts
Thursday, August 1, 2013 / permalink

Part 1


Find a font you want to use here:



I am just going to pick a font and click on quick use.


 Once you get to the next page scroll down until you see two things. 


Copy the "Add this code to your website" code first. Open your HTML template 



Paste your code AFTER the <head> code


You aren't through just yet. Now you need to close what you just pasted and there are two ways of doing that. The first is to add a / at the end of code. I will provide an example below:


Say this is your code:

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

ADD A BACKSLASH LIKE BELOW

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

OR you can do this


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


If you don't do this, you are going to get this error:




Part 2: Adding the Font Where You Want It

Now grab the second code


Now you are going to put it where you want it. Obviously there are many places you can put it. Open your HTML and you will see a small black arrow and the code <b:skin>...</b:skin>. This is where the CSS for your blog is. Open it out and pick where you want to paste it.



You can place it anywhere in your html that says FONT for example:

font: tahoma;



Labels:

comments powered by Disqus