you should use @font-face
for including webfonts. src
is not valid outside @font-face
(https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src) – nevertheless, there are a few very tolerant browsers.
Remove your styles from style.css line 45–52 and put the following on the top of the file:
@font-face {
font-family: 'nafeesnastaleeq';
src: url('fonts/nafees/nafeesnastaleeq.eot');
src: url('fonts/nafees/nafeesnastaleeq.eot?#iefix') format('embedded-opentype'),
url('fonts/nafees/nafeesnastaleeq.woff') format('woff'),
url('fonts/nafees/nafeesnastaleeq.ttf') format('truetype'),
url('fonts/nafees/nafeesnastaleeq.svg#nafeesnastaleeq') format('svg');
font-weight: normal;
font-style: normal;
}
now you can call your font in the body via
body {
font-family: 'nafeesnastaleeq', sans-serif;
}
Related Posts:
- How i can use font in wordpress?
- How to stop the Divi theme from loading Google fonts [closed]
- Default font in 2012?
- I cannot figure out where to change the font on my wordpress theme [closed]
- Google Fonts some font-weights not rendering properly
- How to manually remove preload fonts settings in WordPress?
- Google Font wont dequeue
- Issue with Webfont/font-face in child theme
- Problems with font
- Font not showing in Chrome, but fine in Safari
- Fonts not loading in Desktop version of Safari/Firefox
- How to host Google fonts in WordPress theme locally?
- How do I install a custom local font?
- Home icon is not showing correctly using font awesome
- How to define a custom Font family for the Site title of a wordpress site?
- How to change WP’s post editor’s font
- Can I place Google Fonts at the bottom of the page? I tried but it doesn’t work
- Load self hosted fonts not working
- Visual list of all installed fonts with respective pangram phrase?
- iPhone system font
- Tallest Unicode character?
- CSS Font Border?
- What is the iOS 8 System Font?
- What is the default font of Sublime Text?
- How to set the font size in Emacs?
- How can I extract embedded fonts from a PDF as valid font files?
- How do I install a custom font on an HTML site
- What is the jasperrepots-fonts jar for and how to use it?
- Which font is used in MS-DOS?
- Why do fonts appear jagged in Chrome?
- Failed to decode downloaded font
- How do I change the font color in an html table?
- Set line height in Html
to make the html looks like a office word when
has different font sizes
- font-weight is not working properly?
- Chrome’s fonts are too light to read
- Dashicons in wordpress (frontend) won’t display
- Changing code font size on wordpress
- Lucida calligraphy font not working wordpress site in android chrome
- How to force a custom font to apply in wordpress OceanWP theme?
- Enqueue custom font file with rel=”preload”
- @font-face doesn’t work
- How to add custom fonts in WordPress site
- How to remove google font in WordPress for only single page?
- Change Default Font Size and Remove Unwanted Font Sizes in TinyMCE
- Can I share predefined fonts from theme_support with a gutenberg component?
- Adding custom fonts (local) to WordPress?
- How to set different font family based on text language?
- Remove Font-Awesome MaxCDN Link & Load Locally
- How to load plugin after page is loaded – pagespeed issues
- I have no idea “How change font for elements in widget?”
- How to load google font only if custom logo is not uploaded
- Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
- How can I set Cache TTL for woff and woff2 font files with htaccess?
- Customizer’s “Imported Fonts” – How To Use Them?
- How to add custom font to TinyMCE FontSelect in WP Admin or filter the fonts available
- WordPress update messed special characters
- Add Icon to Placeholder Text in Search Form
- I can’t seem to install Font Awesome locally [closed]
- Overriding post’s font-family
- Is there a way to ensure local fonts load from CDN when CDN is enabled?
- I changed font of wordpress dashboard but it is slow!
- Google Fonts not loading correctly
- Font Awesome Icons only squares
- Setting font sizes in theme.json
- How would I be able to use a font awesome icon as a user’s avatar?
- How to access theme fonts using custom CSS style? [closed]
- Settings API and ‘type’ => ‘font’
- How would one set or override a Fallback font for characters in second language?
- Unable to set font colour
- Adding google fonts to WordPress theme
- I have a wordpress website which uses a really weird font on Opera. What do I need to do to fix it?
- How to remove font awesome from loading in wp theme
- Theme Twenty Seventeen – Increasing Font Size for the Home Text
- How to change wordpress gutenberg editor font to match default theme font?
- Please Help me with this 404 error
- How to Fix Mangled Thai Characters
- Font Awesome icon are not loading in wordpress 5.5.1
- Prevent versioning for .woff (font) files
- Font .woff files loaded don’t correspond to the displayed styles [closed]
- Where my home page and font options has gone?
- When changing theme’s font, why does font-size attribute not work? [duplicate]
- How find what plugins load google Font and block it
- How to remove Google fonts from wp-admin (Roboto) added by core
- Fonts are not applying
- Fonts are parsed in one way but rendered in a different way
- Will dequeueing in child theme functions.php file prevent Google Fonts from loading?
- Load font awesome by content in css
- Change font and Colours in Menus
- How can I troubleshoot enqueue in general and loading Google fonts specifically?
- Font rendering problem after using include in functions file
- Remove Google Fonts from parent theme within a child theme [closed]
- Should I use wp_register_style(), wp_enqueue_style, or both?
- How do I remove Google Fonts from a parent theme?
- How I define max cache time to Google Fonts installed on my site
- Disable all Fonts that are Standard in WordPress and replacing them with a custom Font?
- Blocking Google Fonts in wordpress website
- How to self host fonts and have them show up in all the Full Site Block Editor Typography options, including global styling
- Rem font size is different in the frontend and block editor
- Adding fontAwesome to Primary Menu returns after saving the menu
- How to automatically load Google Fonts on pages only as they’re used?