Changing Font-Size based on specific Font thru javascript

Not exactly what you asked for, but you can kind of “make sure” the user has the desired font through the @font-face css3 rule.

According to caniuse.com about 95% of global users can use that css property, so it’s a good trade-off.

Different browsers use different font formats however, so you’ll need to use http://www.fontsquirrel.com/fontface/generator to generate all your required fonts. The site will also provide you with some extra details on how to use the fonts.

Paul Irish has a great blog post about font-face and how to use it properly here. (go to his blog and search for font-face) I would have posted the link myself but I can’t post more than one link cause I’m a new user.

Hope this helps!

Related Posts:

  1. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  2. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  3. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  4. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  5. WordPress Displaying Thumbnails Vertically
  6. Collapsible button inside a ul list does work in jsfiddle but not in WP
  7. Relative path instead of absolute for wp_enqueue_script
  8. Handling URLs in WordPress application
  9. Can “ and “ tags be used in the HTML editor?
  10. JavaScript added as link/stylesheet
  11. Write text below a specific part of a sentence
  12. WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
  13. Show enqueued CSS and Script in custom header
  14. How to insert html/css/javascript code to wordpress plugin
  15. Eliminate render-blocking JavaScript and CSS in above-the-fold content
  16. Older isotope portfolio rows shifting downward by 1 pixel on hover
  17. How to integrate my HTML and javascript into my child theme
  18. Shrink Header Image on Scroll
  19. How to create fa-bars animated menu
  20. Does costum code in the root folder get lost when wordpress is updated?
  21. CSS Minification
  22. Why is this jquery / java script code not working in mobile / in devices?
  23. Seperate functions.php for part of site
  24. How can I get the search form to be selected automatically?
  25. Implementing a simple slider in code?
  26. Cannot set property ‘className’ of null at setThemeFromCookie
  27. How to change “““ to “““?
  28. Conditionally enqueue a stylesheet based off of a javascript click event
  29. get_template_directory_uri() generates wrong path
  30. Remove CSS & JS from
  31. enqueing Javascript and CSS
  32. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  33. ACF Pro with SlickJS [closed]
  34. Show/Hide Div for Login Mask
  35. prevent HTML output if custom field is empty [closed]
  36. Plugins not showing up for custom template
  37. Equal height sections in custom Headway Theme
  38. W3TotalCache and Javascript — what should go where, when?
  39. How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
  40. Combine CSS Files without plugin
  41. Button doesn’t work in the profile panel
  42. WordPress Rest Api access the header and extract stylesheets URL
  43. Invert porfolio item order
  44. How to make a function to play only on the home page?
  45. Embed widget from external source (Zendesk)
  46. Hide Tab Titles from Tabs Block
  47. How can I hide this custom slider while Elementor editing window is open?
  48. broken internal JavaScript and CSS files
  49. Getting and setting CSS variables with JQuery in WordPress backend fails
  50. Unable to use Datepicker in a table when inserting a row
  51. How to properly hide the div of an inline collapsible button?
  52. Change the version of default style.css in wordpress
  53. Web Developer Console: “Slow network is detected.” with fonts
  54. Enqueue CSS and Script only if needeed
  55. How to display javascript banner in website header?
  56. How would I add this code to a single WordPress page?
  57. The placeholder text doesnt disappear
  58. Trouble with adding preloader to my home page index.html and index.js
  59. Import HTML code that loads css and javascript into specific page
  60. How to implement a JavaScript and CSS file for my WordPress homepage?
  61. What can cause JavaScript and CSS files to be minified?
  62. Bootstrap 4 Optimization
  63. Move main menu to top of screen
  64. How to remove audio player styles added by mediaelement.js JavaScript?
  65. Interactive maps in wordpress
  66. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  67. How do I add JS and CSS to WP (Flatsome)
  68. “Plate” theme broken after update
  69. How do I change the background color with JavaScript?
  70. What’s the difference between display:inline-flex and display:flex?
  71. How can I invert color using CSS?
  72. Check if an element contains a class in JavaScript?
  73. Changing the width of Bootstrap popover
  74. Equivalent of jQuery .hide() to set visibility: hidden
  75. Responsive background image in bootstrap container
  76. How to make circular background using css?
  77. What is the proper way to display a logo with CSS?
  78. Align
  79. margin-bottom not working
  80. WordPress website broken in Facebook mobile browser
  81. CSS ?ver=4.6.1 not updating
  82. When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
  83. Only column gallery on mobile device
  84. Changing CSS FilePath for All Pages
  85. show count is out of the anchor tag in wp_list_categories
  86. Why won’t my custom login page CSS load?
  87. Menu toggle bar works only on some pages in WordPress
  88. Free theme and css/bootstrap.css is not overridden in the child theme
  89. Links on the page, when being printed, have the URL next to them
  90. How do I minify ‘@import’ css files with wp-minify?
  91. Selector for page to set up scrolling plugin
  92. Type character in name and make it invisble
  93. Stop custom Gutenberg styles taking over other admin bits?
  94. How to set up workspaces with Chrome & WordPress?
  95. How to Position Read More link after post excerpt?
  96. Why are my parent styles loading after my child styles?
  97. how to arrange the bullet list items in vertical [closed]
  98. Overriding WooCommerce CSS? [closed]
  99. Center-Align Images on Mobile Only
  100. Bootstrap navbar-fixed-top issues [closed]
tech