Hey users, you were always thinking to change your website or blog font, but unable to do this due to lack of font-availability on your website builder that you use. Further, it is very difficult to create a font API in .woff format and link it in the HTML document as it
requires web programming skills. For that purpose Google came up with new product called Google Web Fonts, which has the prebuild API source for the font. Just you need to collect the font you like and integrate them in your HTML and CSS document. Don't worry!! As we have mentioned the procedure for installing the font below. Kindly read it carefully and enjoy the font day.
|
|
|
Procedure To Install Web Fonts On Your Website
|
Step 1: Open Google Web Font
Step 2: Choose the font you want to add on your website from 2000+ fonts available with scripts like latin, cyrillic, greek, khmer, etc.
Step 3: Add the chosen fonts in your collection, review them and use.
Step 4: Copy the embed code of your font collection and paste them in the <Head> section of the HTML document.
Step 5: Open your CSS document and integrate the fonts according to your requirement in body, h1, h2, h3 and so on.
|
See Example:
h2 { font-size: 24px; color: #474747; line-height: 1.5; font-weight: normal; font-family: 'Chicle', cursive; padding:0.5em 0em 0.2em 0em; }
Step 6: Publish your website and it is ready with the font you like.
|
