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

50 Beautiful Color Palettes for Your Next Web Project

By -
Image
1 Ideas 4 Homes 2 Cardsox 3 Fitz Fitzpatrick 4 Campfire 5 Aladdin 6 Chrome Sports 7 Papua New Guinea 8 Barni Design 9 Instapuzzle 10 Our Little Projects 11 State of the Owner 12 SoftwareMill 13 iGaranti 14 Vintage Romantic 15 This isn’t a color palette!? You’ve got a sharp eye. Do you love tackling fun & challenging design projects for smart, ambitious clients? Do you find your happy place while savoring the perfect cup of coffee in the morning? We’re hiring for a senior UX/UI Designer just like you.  See what it’s like to work with us 16 Nicholas Jackson Design 17 1920 Leyendecker 18 WerkPress 19 Silmo Paris 20 Dark Sunset 21 The Color of Traffic 22 MandLoys 23 Sa Barca de Formentera 24 Contad
Read more

div fixed on scroll, scorll js, js for fixed div when scroll

By -
JS:- <script>             jQuery(function($) {   function fixDiv() {     var $cache = $('#getFixed');     if ($(window).scrollTop() > 147)       $cache.css({         'position': 'fixed',         'top': '0px',         'display': 'block'       });     else       $cache.css({         'position': 'relative',         'top': 'auto',         'display': 'none'              });   }   $(window).scroll(fixDiv);   fixDiv(); });         </script> HTML:- <div class="col-md-12" id="getFixed" style="display:none; z-index: 99; background-color: rgb(255, 255, 255); left: 0px; right: 0px; width: 100%;"> </div>
Read more