WordPress has wp_is_mobile()
function to detect mobile and handheld devices. You can use that to define your enqueue function to load fonts conditionally.
You can enqueue fonts for non mobile devices like this.
function my_enqueue_function() {
if ( !wp_is_mobile() ) {
wp_enqueue_style( 'gfonts', 'http://fonts.googleapis.com/css?family=Arbutus+Slab', false, NULL, 'all' );
}
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_function' );
Related Posts:
- Remove Open Sans from Twenty Twelve theme
- Enqueue Google Web Fonts Without Messing Up Symbols In URL
- Inbuilt style for jquery-ui-datepicker
- Why is style.css not being enqueued?
- How to conditionally enqueue a stylesheet only for a certain page(s)?
- How to enqueue style before style.css
- What is the correct way to enqueue multiple CSS files?
- Remove wp_add_inline_style
- Is it possible to enqueue a raw CSS string directly from within a template file?
- Use wp_enqueue_scripts, not wp_print_styles?
- Why isn’t my theme processing SASS?
- How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
- Adding style sheet to specific page
- Trying to load a responsive CSS media query using Custom Taxonmy
- How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
- Disable child theme css on certain pages
- When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
- Load custom css after bootstrap
- Enqueue style for Password Reset page
- The correct way to include JavaScript and CSS in my WordPress Themes
- Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
- Relative path instead of absolute for wp_enqueue_script
- get_stylesheet_uri returns wrong path
- Override load-styles.php with admin screen css
- CSS file not registering through add_action
- Relative path in wp_register_style not working
- Custom Admin CSS styles to style media uploader?
- getting url in wp_enqueue_style
- How the Css File is Linked without calling it in header.php?
- What controls responsiveness in WordPress?
- Loading different stylesheet on WordPress pages?
- Use wp_add_inline_style to add code to before wp_head?
- why enqueued styles in header.php shows in footer?
- How to insert html/css/javascript code to wordpress plugin
- Adding external stylesheet after ALL other styles
- Different ways to load child theme css
- How to enqueue a random css style?
- How to override Bootstrap css with my child theme css in wordpress?
- Enqueue styles in new site editor in WordPress 5.9
- Why does my caroussel gallery do this in responsive? [CSS] [closed]
- How to organize priority of plugins CSS files?
- @media in bluehost is being commented out [closed]
- Responsive Images Warping
- Old Site displays on Mobile View, not New Site
- why this media query is not working / not loading when I put it in child theme?
- No responsive design is displayed
- How do I make header.php use different css for different pages?
- Load CSS in footer, like your can with JS?
- Title has word broken when viewed in mobile [closed]
- Child theme stylesheet not always overriding “index”
- Move Sidebar from Above Content To Below When Responsive [closed]
- Why is this jquery / java script code not working in mobile / in devices?
- Child Theme CSS not showing at all
- Display Something in the Header After All Styles are Loaded
- Change Header Image on Blog Post for Mobile View
- My CSS suddenly doesn’t load anymore [closed]
- How can I force Dynamic CSS via ACF values to update on page load?
- functions.php – inject inline css from file
- Append style tag in head while shortcode runs
- Menu toggle bar works only on some pages in WordPress
- How can I move my custom css to the very bottom of the head section?
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- enqueing Javascript and CSS
- Load custom CSS before admin CSS
- Including CSS files in HEAD based on page content
- How would one set or override a Fallback font for characters in second language?
- First element/selector of enqueued CSS file breaks
- Dequeue styles with query doesn’t work
- Need to make sidebar responsive only when screen width is greater than 1024px
- Save custom option in CSS file
- How to enqueue stylesheets in child-theme functions.php?
- Dequeing Parent Fontawesome Deques Parent Styles
- Add inline CSS to login page with wp_add_inline_style
- Bootstrap Integtration
- New Styles Not Rendering On Mobile Phone and Tablet
- Set different css stylesheet for specific pages [duplicate]
- My Child Theme CSS Isn’t Working
- Font size decreases when child theme is created from parent theme?
- @media applying globally and not separately for each screen width [closed]
- My contact form is not being responsive
- Site not 100% responsive
- Controling css order
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Why are my parent styles loading after my child styles?
- Bootsrtap.css overlap style.css in custom wordpress theme
- How to make CSS load live based on options clicked in the theme customizer?
- Replacing parent theme’s IE-specific CSS
- Browser stacks different versions of style.css
- Bootstrap 4 Optimization
- Twenty Fourteen responsive CSS
- How would I use a media query to make my entire theme responsive or fluid? [closed]
- Responsive table on ios safari
- How to make this splash page responsive
- Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
- Enqueue MCE Editor CSS in admin page
- plugin not loading my css and js
- Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
- How enqueue CSS out of theme folder?
- How to make padding:auto work in CSS?
- How remove the white space between my menu and slider?