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 to optimise Text to HTML ratio for SEO by separating the HTML into multiple files?
  70. hide specific css and js files in specific page wordpress with id or without?
  71. Separate typography controls for titles and meta in a custom block?
  72. unable to find the document body in user-edit admin using javascript or CSS
  73. difference between code for admin, user facing (css, js)
  74. Identify and style the paragraph beginning w/o a class: based on a combination of common characters (CSS, JS)
  75. How do I remove/hide embed excerpts from posts
  76. Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
  77. What’s the difference between SCSS and Sass?
  78. How am I supposed to use index.html?
  79. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  80. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  81. Adding border to SVG image
  82. What does !important mean in CSS?
  83. Failed to load resource: the server responded with a status of 404 (Not Found)
  84. Random gradient background color
  85. Failed to load resource: the server responded with a status of 404 (Not Found)
  86. How to change CSS using jQuery?
  87. Set line spacing
  88. Remove blue underline from link
  89. Angular: conditional class with *ngClass
  90. CSS Background Opacity [duplicate]
  91. Outline effect to text
  92. Customize Bootstrap checkboxes
  93. Making a
  94. React.js inline style best practices [closed]
  95. Remove class using jQuery
  96. What is a user agent stylesheet?
  97. What is a user agent stylesheet?
  98. Is there a CSS parent selector?
  99. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  100. Vertically align text within a div
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)