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

right side toggle by js, toggle from ride side by js, toggle js for website, form toggle from right side js, js for form toggle from right side

By -
<!DOCTYPE html> <html lang="en-US"> <head itemscope="" itemtype="https://schema.org/WebSite"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style> .floating-form {     max-width: 280px;     padding: 20px 20px 10px;     font-size: 13px;     font-family: "Open Sans", sans-serif;     background: #F9F9F9;     border: 1px solid #ddd;     right: -320px;     position: fixed;     box-shadow: -2px -0 8px rgba(43, 33, 33, 0.06);     -moz-box-shadow: -2px -0 8px rgba(43, 33, 33, 0.06);     -webkit-box-shadow: -2px -0 8px rgba(43, 33, 33, 0.06);     z-index: 9999 } .contact-opener {     position: absolute;     left: -80px;     top: 100px;     padding: 9px;     color: #fff;     cursor: pointer; } .floating-form.open {     right:0px; } .floating-form-heading {     font-weight: 700;     font-style: italic;     border-bottom: 2px solid #ddd;     margin-bottom: 10px;     font-size: 15px;   
Read more