I think the better way would be declaring a file named _fontface.scss
and put the below code blocks there –
@mixin fontFace($family,$src,$style: normal,$weight: normal) {
@font-face {
font-family: $family;
src: url('#{$src}.eot'); // IE9 compat
src: url('#{$src}.eot?#iefix') format('embedded-opentype'), // IE8 and below
url('#{$src}.woff') format('woff'), // standards
url('#{$src}.ttf') format('truetype'), // Safari, Android, iOS
url('#{$src}.svg##{$family}') format('svg'); // legacy iOS
font-style: $style;
font-weight: $weight;
}
}
Now you include that _fontface.scss
to main bootstrap file and use it like-
@import 'fontface';
@include fontFace('YourFont','font/yourfont');
Hope that helps.
Related Posts:
- How to load scripts/styles specific for a page
- functions.php inject inline css
- How do I create a new WP admin color scheme?
- Logout/login redirect CSS issue
- Add attribute to link tag that’s generated through wp_register_style?
- TinyMCE custom stylesheets for different post types
- Remove “says” from comments
- How to add CSS style sheet dynamically in wordpress
- Simple/basic use of get_current_screen
- Is it possible to be more page/post specific with admin_enqueue_script?
- Child Theme Not Overriding Parent Theme
- CSS stylesheet not loading
- Enqueue styles after a plugin
- How to add background image control to page admin controls?
- Add class or ID to any WordPress function
- Register and enqueue style.css custom theme
- Multiple CSS body classes to specific page I.D.’s – is this possible?
- Enqueue Style Only On Certain Pages Not Working
- Why does the ‘wp_nav_menu’ function work only until a menu is created?
- Child Theme files – what is needed?
- How do I add Bootstrap and LESS to my migrated WordPress site?
- How to Display Frontend CSS for Administrator only
- WordPress Menuing Question :focus
- change the url paths in the stylesheet dynamically
- Please Explain the Importing Process of Multiple Stylesheets for Child Themes
- Change CSS for logged in users
- How to stop wordpress from injecting hard-coded style into image attachments with captions
- different style sheet for just one page template
- Custom styles.css sheet for visual editor
- Is my code correct to enqueue CSS on a specific page?
- header_image() with CSS
- Not all CSS elements transferring via parent to child?
- Split Media Queries in different files!
- Some questions about how proper add 2 CSS file in a WordPress theme?
- problem loading stylesheets to wp_head dynamically
- How to insert class in each list of categories?
- Parent theme styles overriding child theme CSS [closed]
- I can’t add CSS with functions.php
- Theme JS is available but theme CSS isn’t
- Proper Way to Load stylesheet on Condition
- This code works, but the way I integrated it is breaking the media uploader. How can I integrate it properly?
- Default Nav Highlight
- Custom styles in Tiny MCE with an external CSS file
- why can’t i add front.css to my frontpage.php
- get_template_directory_uri() links to child theme not parent
- remove/hide wp-editor
- Getting out side of wp root folder from function.php using absolute path
- Page Template Won’t Load Correct CSS File
- current_page_item is missing inside wp_nav_menu
- define css class in functions.php
- Completely Disable WordPress RSS Feeds
- Advanced method to control cache of enqueued style/script
- Combine page types and Custom Taxonomy in a functions.php command
- Can’t load assets
- How to reference different css (bootstrap) stylesheets for the header and body of a page?
- Can we have conditional CSS styling?
- CSS style and app.js not loading
- Post content overflows on my mobile phone
- Stylesheet does not load despite functions.php
- Remove clickable Link of WordPress Site Logo from Woocommerce Single Product page
- How do I make a custom “Read More Blogs” button for my blog page
- function class doesnt work
- Help using ShortCodes to style whole chunks of the post
- Setting Up Child Theme To Take Priority
- how to remove a tag in the_category function
- Reference multiple style sheets, clearing styles for permalink page, custom fields for css
- CSS disabled after getting rid of emoji
- How to add styles in existing function?
- Woocommerce – Switching Price for Category
- Adding a class to the body of an inactive site using multisite
- Conditionally apply css for a specific template part
- How do I dequeue a Stylesheet, stored in an ‘Assets’ folder?
- Child Theme not loading multiple stylesheets
- Help with is_page() and calling css for specific pages in a Child Theme
- Child theme style.css didn’t work properly but the Customize Additional CSS did [closed]
- How to automatically add custom classes to headings in content area
- Changing the color of post title [closed]
- Preventing PHP Execution in Parent Theme
- Random text changing to weird icons in both admin & front end
- Functions.php in child theme that loads CSS file breaks website
- Syling Custom Fields echo’s from from functions.php
- functions.php / replacing div’s with new ones?
- Should I use `get_stylesheet_uri()` or `get_template_directory_uri()` when calling my CSS Stylesheet?
- How can I append and prepend something to all post hyperlinks without using ::before or ::after? PHP hook solution?
- Image width issue in IE [closed]
- How do I make my child theme’s CSS update when I save it?
- Why don’t ‘wp_nav_menu’ CSS classes work until a menu is created?
- wp_head not injecting css
- If function exists, and array is met, echo function?
- Ninja form Redirect depending on text field content [closed]
- Filter out other users comments. Visualize only own comments and editor role users’ comments
- help I changed one currency in woocommerce and everything is ruined [closed]
- How to retrieve the values of a sub-field in the first and last row of an (ACF) repeater inside function?
- Problem enqueuing scripts on not single posts
- is_main_query() always returning false
- ACF Flexible in TCPDF
- getExcerpt: Make ellipsis appear only if character limit is reached
- Why are my parent styles loading after my child styles?
- WordPress SEO By Yoast Plugin is interfering with a custom function code – how to troubleshoot and fix it?
- How to get postId from the argument $block when register_block_type()?