How we include font face in our HTML

By -

How we include font face in our HTML

Guys just open your genereted font face folder from www.fontsquirrel.com website. Follow these steps:-
  • Open your fonts folder whcih is generted from www.fontsquirrel.com website or any other website.
  • Copy all files from that folder fr example, .eot, .svg, .ttf, .woff. and paste into your HTML folder under fonts folder.
  • Now copy stylesheet file from generted folder and copy in your HTML fonts folder.
  • Now call styleshhet.css from your HTML fonts folder in your index.html file under HEAD part.
  • Now use font-family in your css file.
Follow this webistes for your need:-

Comments

Post a Comment

Popular posts from this blog

Basic HTML interviews questions

By -
                           HTML NOTES <img src="">:-image source name(web address or local address) for an image          alt="">:-image url represent(Specifies an alternative text for an image ------------------------------------------------------------------------------------------------------------ <pre> element defines preformatted text. <small> element defines small text:  <abbr>Marking abbreviations can give useful information to browsers, translation systems and search-engines.              (<abbr title="World Health Organization">WHO</abbr>) --------------------------------------------------------------------------------------------------------------------------------------------------------- <bdo> elem...
Read more

CSS selectors by Alphabats

By -
A ::after After is a pseudo element which  is used for insert some text directly into webpage with out written in main html. CSS:- .button:after { content:"csszilla"; display:block;} HTML:- <a href="#" class="button"></a> ::before before is a pseudo element which is used for insert some text directly into website, same as after element. CSS:- .button:before { content:"csszilla"; display:block;} HTML:- <a href="#" class="button"></a> :active The :active pseudo selector is used to change the color of element when clicked or when element is activated. Generally :active is used in a tag in navigation etc. CSS:- ul li a.active { background-color:#333;} HTML:- <ul> <li>    <a href="#" class="active">CSS ZILLA</a> </li> </ul>  Attribute css has ability to target HTML based on their attribute. ...
Read more