How to import fonts in CSS?

by

Following lines are used to define a font in css

@font-face {
    font-family: 'EntezareZohoor2';
    src: url('fonts/EntezareZohoor2.eot'), url('fonts/EntezareZohoor2.ttf') format('truetype'), url('fonts/EntezareZohoor2.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Following lines to define/use the font in css

#newfont{
    font-family:'EntezareZohoor2';
}

More Related Contents:

  1. Transparent text cut out of background
  2. Are eot, ttf, and svg still necessary in the font-face declaration?
  3. Same font except its weight seems different on different browsers
  4. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  5. Browsers’ default CSS stylesheets
  6. CSS Font Border?
  7. Wait for fonts to load before rendering web page
  8. What does the forward slash mean in the CSS font shorthand?
  9. Is there any “font smoothing” in Google Chrome?
  10. Downloading a Google font and setting up an offline site that uses it
  11. How can I determine what font a browser is actually using to render some text?
  12. Failed to decode downloaded font
  13. Create webfont with Unicode Supplementary Multilingual Plane symbols
  14. CSS: bolding some text without changing its container’s size
  15. Font size in CSS – % or em? [duplicate]
  16. Webfont Smoothing and Antialiasing in Firefox and Opera
  17. Webpack “OTS parsing error” loading fonts
  18. Force Non-Monospace Font into Fixed Width Using CSS
  19. Fallback fonts on special characters
  20. Why would font names need quotes?
  21. Styling Password Fields in CSS
  22. What does font-size really correspond to?
  23. Make text height 100% of div?
  24. Non-Standard fonts in web?
  25. When setting a font-size in CSS, what is the real height of the letters?
  26. Font weight turns lighter on Mac/Safari
  27. How do I style a specific word with CSS in an HTML element?
  28. css different font sizes on different families
  29. -webkit-font-smoothing property has no effect in Chrome
  30. Fix custom font line-height with CSS

Leave a Comment