السبت، 27 يوليو 2013

| |

How to add a new font family to your web site from google fonts

How to add a new font family to your web site from google font

our lesson today is about adding new font from google fonts with CSS

the idea is very simple just follow the explanation




1-
go to google font from here
www.google.com/fonts

2-
choose what you want from the big group of fonts
then click on " add to collection " button




3-
Now click on " use " button in the down tap




you will go to the page which from it you will choose the font which you choose
and sign on it then go to down


4-
copy the following code




4-
Go to your website and search about <head> section
and under it paste the code

now the new font-family is added to your website

5-
the last step 
Go to any part on your site in STYLE part of CSS
and change the font family with  the word after family

for example

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

font-family:Armata,Geneva,sans-serif



the end of the lesson
any question contact me

Dont forget see other lessons click here

Masr Design
Masr Design

موقع مصر ديزين يرحب بكم