{"id":31514,"date":"2021-06-03T14:11:20","date_gmt":"2021-06-03T19:11:20","guid":{"rendered":"https:\/\/www.mediavine.com\/?p=31514"},"modified":"2021-09-21T14:23:51","modified_gmt":"2021-09-21T19:23:51","slug":"choose-fonts-site-speed-accessibility","status":"publish","type":"post","link":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/","title":{"rendered":"How to Choose Fonts for Site Speed and Accessibility"},"content":{"rendered":"\r\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\r\n<article class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">\r\n<section class=\"wp-block-group alignfull is-style-beige has-global-padding is-layout-constrained wp-container-core-group-is-layout-772205c6 wp-block-group-is-layout-constrained is-style-beige--1\" style=\"padding-top:var(--wp--preset--spacing--50)\">\r\n<header class=\"wp-block-group c-breadcrumbs aligngrid has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-61973aa6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\r\n<header class=\"wp-block-group aligngrid is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-d68226ec wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--30)\">\r\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-bottom:5px\"><img decoding=\"async\" src=\"https:\/\/mediavine-dev.d1.moderntribe.qa\/wp-content\/uploads\/2025\/10\/chevron-left2.svg\" alt=\"\" class=\"wp-image-542\" style=\"aspect-ratio:9\/16;object-fit:contain;width:auto;height:20px\"\/><\/figure>\r\n\r\n\r\n\r\n<p class=\"is-style-small is-style-small--2\"><a href=\"\/blog\/\">Back to Blog<\/a><\/p>\r\n<\/header>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity aligngrid\" style=\"margin-top:0;margin-bottom:0\"\/>\r\n<\/header>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group alignfull is-style-default has-neutral-20-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60)\"><div class=\"aligncenter aligncenter wp-block-tribe-terms\"><ul class=\"wp-block-tribe-terms__list\"><li class=\"wp-block-tribe-terms__term\"><span class=\"wp-block-tribe-terms__link t-category\">Pagespeed<\/span><\/li><\/ul><\/div>\r\n\r\n<h1 style=\"margin-top:var(--wp--preset--spacing--10);\" class=\"has-text-align-center wp-block-post-title\">How to Choose Fonts for Site Speed and Accessibility<\/h1>\r\n\r\n\r\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-9b38c6d9 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:0;padding-bottom:0\"><div style=\"margin-bottom:0;margin-top:0;margin-left:0;margin-right:0;\" class=\"has-text-align-center wp-block-post-author-name\">The Mediavine Team<\/div>\r\n\r\n\r\n<p>\u2022<\/p>\r\n\r\n\r\n<div style=\"padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;\" class=\"has-text-align-center wp-block-post-date has-10-font-size\"><time datetime=\"2021-06-03T14:11:20-05:00\">June 3, 2021<\/time><\/div><\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">\n<p>Call me a typography nerd, but choosing brand fonts is always my favorite part of the design process.&nbsp;<\/p>\n\n\n\n<p>Typography, the study of fonts and the way letters are designed has long been pivotal in providing readers with easy reading experiences.&nbsp;<\/p>\n\n\n\n<p>(Okay, yes, I am a typography nerd.)<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-best-practices-for-choosing-fonts-for-your-website\">Best practices for choosing fonts for your website<\/h1>\n\n\n\n<p>I always recommend <a href=\"https:\/\/www.mediavine.com\/hiring-ask-a-designer\/\">hiring a designer<\/a> if you can afford one, even if just for your logo. If you\u2019re in a situation where you have to choose a font, here are the most basic categories of fonts to choose from:&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-a-quick-crash-course-on-typefaces\"><strong>A quick crash course on typefaces&nbsp;<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Serif \u2014 <\/strong>Latin for the word \u201cfoot,\u201d these fonts have \u201cfeet.\u201d These are great for headlines or body text and logos, too. With higher screen quality these days, you don\u2019t have to worry as much about these appearing pixelated when used at smaller sizes. Examples: Georgia, Times, Courier, Garamond.&nbsp;<\/li><li><strong>Sans Serif \u2014<\/strong>&nbsp;These fonts tend to be more modern looking, as they don\u2019t have the \u201cfeet\u201d of serifs. (\u201cSans\u201d means without!) They\u2019re great for most uses online, from logos (hello, look at ours!) to headlines to body text. Examples: Arial, Tahoma, Verdana&nbsp;<\/li><li><strong>Script \u2014&nbsp;<\/strong>Cursive, handwriting, whatever you want to call them. Examples: Brush Script, Comic Sans.&nbsp;<\/li><li><strong>Display \u2014&nbsp;<\/strong>These fonts are everything else, pretty much. They\u2019re the fun ones that don\u2019t fit into the other categories, but they can be great for logos. Scripts can also fall into this category as they can sometimes be less readable. Use with caution but know that there are usually some fun ones in this area!&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-1024x579.jpg\" alt=\"\" class=\"wp-image-31519\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-1024x579.jpg 1024w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-320x180.jpg 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-768x434.jpg 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-1536x868.jpg 1536w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-480x270.jpg 480w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-1170x662.jpg 1170w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-375x212.jpg 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-800x452.jpg 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-369x208.jpg 369w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-569x322.jpg 569w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-353x200.jpg 353w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-288x163.jpg 288w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-335x189.jpg 335w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-347x196.jpg 347w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-520x294.jpg 520w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01-640x362.jpg 640w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/Choosing-Fonts-2-01.jpg 1965w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-choose-a-combination-of-fonts\">Choose a combination of fonts<\/h2>\n\n\n\n<p>When designing your website or brand, it\u2019s a good idea to stick to only a few fonts. For example, at Mediavine, our brand consists of two fonts (a serif and a sans serif), which we use on everything we make. We will pull out other fonts for emphasis only on special occasions, such as a social post or an event logo.&nbsp;<\/p>\n\n\n\n<p>Utilizing the different weights of your typeface is a good way to provide variety without overdoing it. Weights are the various thicknesses available within a typeface, such as thin, light, Roman, bold, extra bold, etc.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-keep-accessibility-top-of-mind\">Keep accessibility top of mind<\/h2>\n\n\n\n<p>Back in the letterpress days, typesetters chose individual typefaces and letters and manually spaced them out to best suit the reader and the final output. Now, we can code these choices right into our websites, but many of the same best practices still abide.&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/www.mediavine.com\/what-is-website-accessibility\/\">Website accessibility<\/a> is a big talking point these days, and for good reason: What\u2019s the point of publishing all that wonderful content if a percentage of readers can\u2019t see it?&nbsp;<\/p>\n\n\n\n<p>For people with any kind of visual impairments, making sure<strong> all the text on your site is readable and legible<\/strong> is a huge part of being a good internet citizen. Here are a few tips:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Body copy should have a <a href=\"https:\/\/www.mediavine.com\/increase-your-line-height-and-improve-rpm-and-readability\/\">line height<\/a> and <a href=\"https:\/\/www.mediavine.com\/increase-font-size-and-increase-seo-rpm-along-with-it\/\">font size<\/a> set to a comfortable level for all readers. (Bonus: This is great for RPM and <a href=\"https:\/\/www.mediavine.com\/above-the-fold-seo\/\">above the fold SEO<\/a> too!)&nbsp;<\/li><li>Hyperlinks especially should at least be underlined and in a text color that is accessible, like blue. The idea is that a user should easily be able to tell when text provides a hyperlink. (Check out <a href=\"https:\/\/www.mediavine.com\/six-ways-to-make-your-website-more-accessible\/\">six ways to make your site more accessible<\/a> for some examples!)<\/li><li>Any font you are using should have contrast against the background. Fonts with thin lines and narrow details can be hard to read, so you might opt for a thicker weight. For example, Raleway is a font commonly used for body copy, but some of the thinner weights can be hard to read at smaller body copy sizes.&nbsp;&nbsp;&nbsp;<\/li><li>When it comes to text colors, avoid using solid black (#000000). Solid black is the absence of light, so it stops light emitting from the screen and puts strain on the eyes as they adapt. Instead, opt for a dark gray such as #444444.&nbsp;<\/li><li><a href=\"https:\/\/www.mediavine.com\/page-title-tags\/\">Page titles<\/a> and <a href=\"https:\/\/www.mediavine.com\/improve-rpm-and-seo-with-headings\/\">headings<\/a> should be distinct from the body copy so they stand out for ease of reading.&nbsp;<\/li><li>Though it may be tempting to adjust the fonts used in your site\u2019s <a href=\"https:\/\/www.mediavine.com\/site-structure\/\">navigational features<\/a> (like the navigation, sidebar and footer) to keep the focus on your content, keep in mind those areas should have fonts clear enough for a reader to find, read and click.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pagespeed-is-paramount\">Pagespeed is paramount<\/h2>\n\n\n\n<p>Unfortunately for designers who could nerd out about fonts for hours, fonts aren\u2019t always the best for pagespeed. And what do users, search engines and social media sites all care about? <\/p>\n\n\n\n<p><a href=\"https:\/\/www.mediavine.com\/mediavines-pagespeed-resources\/\">Pagespeed<\/a>.&nbsp;<\/p>\n\n\n\n<p>Alas, fonts are an area of your brand that you may end up compromising for the sake of speed.<\/p>\n\n\n\n<p>But you do have a few options when it comes to this compromise:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-stick-to-web-safe-fonts\">1. Stick to web-safe fonts&nbsp;<\/h3>\n\n\n\n<p>Web-safe fonts are the fastest option because the browser and website aren\u2019t loading any extra files. This can be accomplished via some quick CSS or, if you\u2019re using Trellis, in the <a href=\"https:\/\/product-help.mediavine.com\/en\/articles\/4467342-how-do-i-change-the-font-family-in-trellis\">Trellis settings<\/a>. <\/p>\n\n\n\n<p>This is the method we use on our owned-and-operated site, The Hollywood Gossip, which we mention in our case study on how <a href=\"https:\/\/www.mediavine.com\/the-hollywood-gossip-passes-core-web-vitals\/\">The Hollywood Gossip passed Core Web Vitals<\/a>.<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-self-host-fonts\">2. Self-host fonts<\/h3>\n\n\n\n<p>With this approach, you can load the fonts into your theme directly, but there is a chance for some slowdown. Chrome and other browsers introduced font fallbacks, but when that fallback font is swapped with your Google Font, <a href=\"https:\/\/www.mediavine.com\/cls-solving-for-cumulative-layout-shift\/\">cumulative layout shift<\/a> can occur. <\/p>\n\n\n\n<p>No bueno.&nbsp;<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-configure-the-css-font-display-instruction\">3. Configure the CSS &#8216;font-display&#8217; instruction&nbsp;<\/h3>\n\n\n\n<p>This method is a bit more technical, so I\u2019m going to let our Product team take this one:&nbsp;<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-install-a-third-party-font\">4. Install a third-party font&nbsp;<\/h3>\n\n\n\n<p>You can install a font through a service like Google Fonts or Adobe Fonts, but it also means your website can\u2019t show any text until that font loads, so do so at your own risk of not passing <a href=\"https:\/\/www.mediavine.com\/core-web-vitals-google-page-experience\">Core Web Vitals<\/a>. <\/p>\n\n\n\n<p>This is definitely our least favorite option.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"909\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated.jpg\" alt=\"infographic of a list of speed safe fonts\" class=\"wp-image-31438\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated.jpg 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-282x320.jpg 282w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-768x873.jpg 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-375x426.jpg 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-326x370.jpg 326w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-202x229.jpg 202w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-165x187.jpg 165w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-295x335.jpg 295w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-305x347.jpg 305w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-458x520.jpg 458w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-563x640.jpg 563w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/04\/speed-safe-fonts-updated-676x768.jpg 676w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-but-what-about-my-branding\">But what about my branding?&nbsp;<\/h2>\n\n\n\n<p>Believe me, it hurts my designer soul that some of my favorite fonts aren\u2019t available as web-safe fonts. And it begs the question, why would Google provide web fonts and then <a href=\"https:\/\/www.zdnet.com\/article\/chromes-new-cache-partitioning-system-impacts-google-fonts-performance\/\">ding us for using them<\/a>?&nbsp;<\/p>\n\n\n\n<p>But I have faith that the industry will catch up and give us more choices \u2014 eventually. In fact, there are <a href=\"https:\/\/twitter.com\/addyosmani\/status\/1395997862065053696?s=20\">new browser capabilities in development<\/a> that will provide more options to balance performance and font selection.&nbsp;<\/p>\n\n\n\n<p>My favorite part of being a designer is coming up with creative solutions to difficult problems, so I say there\u2019s still a way you can maintain a branded look without compromising speed:&nbsp;<\/p>\n\n\n\n<p><strong>Incorporate the non-web-safe font of your choice into your logo or any images you have on your website while still using a web-safe font for text.<\/strong><\/p>\n\n\n\n<p>Use your favorite <a href=\"https:\/\/www.mediavine.com\/graphic-design-tools\/\">design tool<\/a> to make branded images with the fonts of your choosing, all while keeping your site speed-focused with web-safe fonts.&nbsp;<\/p>\n\n\n\n<p>And don\u2019t fret \u2014 much to any designer\u2019s chagrin, probably no one but you will notice that you make changes to your typefaces. Web-safe fonts are so ubiquitous, most people won\u2019t think twice about seeing them.&nbsp;<\/p>\n<\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0\">\r\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-09aec4f2 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--60)\">\r\n<p class=\"is-style-small is-style-small--3\">About the author<\/p>\r\n\r\n\r\n<div style=\"margin-top:var(--wp--preset--spacing--20);\" class=\"wp-block-post-author\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&#038;d=blank&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=192&#038;d=blank&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\"><a href=\"https:\/\/www.mediavine.com\/blog\/author\/guest\/\" target=\"_self\">The Mediavine Team<\/a><\/p><p class=\"wp-block-post-author__bio\"><\/p><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7c04bf6b wp-block-group-is-layout-constrained\" style=\"margin-top:0\">\r\n<p class=\"is-style-small is-style-small--4\">Share this page<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-outermost-social-sharing has-normal-icon-size has-icon-color is-style-logos-only is-content-justification-left is-layout-flex wp-container-outermost-social-sharing-is-layout-9d3a6402 wp-block-social-sharing-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--10)\"><li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-linkedin has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fchoose-fonts-site-speed-accessibility%2F&#038;title=How%20to%20Choose%20Fonts%20for%20Site%20Speed%20and%20Accessibility\" aria-label=\"Share on LinkedIn\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on LinkedIn\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-x has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/x.com\/share?url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fchoose-fonts-site-speed-accessibility%2F&#038;text=How%20to%20Choose%20Fonts%20for%20Site%20Speed%20and%20Accessibility\" aria-label=\"Share on X\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on X\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-facebook has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fchoose-fonts-site-speed-accessibility%2F&#038;title=How%20to%20Choose%20Fonts%20for%20Site%20Speed%20and%20Accessibility\" aria-label=\"Share on Facebook\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on Facebook\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-telegram has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/telegram.me\/share\/url?url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fchoose-fonts-site-speed-accessibility%2F&#038;text=How%20to%20Choose%20Fonts%20for%20Site%20Speed%20and%20Accessibility\" aria-label=\"Share on Telegram\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 128 128\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M28.97 63.324c18.657-8.128 31.098-13.487 37.323-16.076 17.774-7.393 21.467-8.677 23.874-8.72.53-.009 1.713.122 2.48.745.648.525.826 1.235.911 1.733.085.498.191 1.633.107 2.52-.963 10.12-5.13 34.677-7.25 46.012-.898 4.796-2.664 6.404-4.375 6.561-3.716.342-6.538-2.456-10.138-4.815-5.633-3.693-8.815-5.991-14.283-9.594-6.319-4.164-2.222-6.453 1.379-10.193.942-.98 17.318-15.874 17.634-17.225.04-.169.077-.799-.297-1.131-.375-.333-.927-.22-1.325-.129-.565.128-9.564 6.076-26.996 17.843-2.554 1.754-4.868 2.609-6.94 2.564-2.286-.05-6.681-1.292-9.95-2.354-4.007-1.303-7.193-1.992-6.915-4.205.144-1.152 1.731-2.33 4.761-3.536Z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on Telegram\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-whatsapp has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/api.whatsapp.com\/send?text=How%20to%20Choose%20Fonts%20for%20Site%20Speed%20and%20Accessibility%20&mdash;%20https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fchoose-fonts-site-speed-accessibility%2F\" aria-label=\"Share on WhatsApp\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on WhatsApp\t\t<\/span>\n\t<\/a>\n<\/li>\n<\/ul>\r\n<\/div>\r\n<\/section>\r\n<\/article>\r\n\r\n\r\n\r\n<aside class=\"wp-block-group aligngrid  is-animated-on-scroll-25 tribe-animation-type-fade-in tribe-animation-direction-bottom is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50);--tribe-animation-speed:0.6s;--tribe-animation-offset:50px;--tribe-animation-delay:0s;--tribe-animation-easing:var(--easing--ease-out-sine)\">\r\n<h2 class=\"wp-block-heading is-style-small is-style-small--5\" id=\"h-related-posts\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40)\">Related Posts<\/h2>\r\n\r\n\r\n<div style=\"margin-bottom:0;\" class=\"b-related-posts b-related-posts--layout-grid  wp-block-tribe-related-posts\">\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1024x608.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1024x608.png 1024w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-320x190.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-768x456.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1170x695.png 1170w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-800x475.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-569x338.png 569w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-960x570.png 960w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1080x642.png 1080w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">Protecting Your Content: How to Opt Out of GPTBot Web Crawling<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">The Mediavine Team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">Aug 9, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 Publishers spend time creating great content that keeps readers coming back, and we know that safeguarding that content and maintaining control over how it\u2019s used are critical concerns in today&#8217;s digital landscape. We also know that the advancement of generative AI technologies, like ChatGPT, brings up more questions than the can\u2019t-recommend-anything-past-2021&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/how-to-opt-out-of-gptbot-web-crawling\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about Protecting Your Content: How to Opt Out of GPTBot Web Crawling\"><\/a>\n<\/article>\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823.png\" class=\"attachment-large size-large\" alt=\"Google Search Generative Experience Featured Image\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-320x213.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-768x512.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-375x250.png 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-555x370.png 555w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-344x229.png 344w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-281x187.png 281w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-335x223.png 335w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-347x231.png 347w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-520x346.png 520w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-640x426.png 640w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">Google&#8217;s Search Generative Experience<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">Eric Hochberger<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">May 18, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 In a blog post last week, Google announced plans to launch generative AI into Search Labs with a new product called Search Generative Experience (SGE). What exactly is SGE, and more importantly, what will it mean for content creators who rely on Google for much of (or most of) their web&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/googles-search-generative-experience\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about Google&#8217;s Search Generative Experience\"><\/a>\n<\/article>\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1024x682.png\" class=\"attachment-large size-large\" alt=\"Chat GPT Featured Image\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1024x682.png 1024w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-320x213.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-768x512.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1536x1023.png 1536w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1170x780.png 1170w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-375x250.png 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-800x533.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-555x370.png 555w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-344x229.png 344w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-281x187.png 281w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-335x223.png 335w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-347x231.png 347w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-520x346.png 520w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-640x426.png 640w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-960x640.png 960w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1080x720.png 1080w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-735x490.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">5 Ways Bloggers Can Use ChatGPT to Increase Productivity<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">The Mediavine Team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">Mar 29, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 Since ChatGPT\u2019s release in November 2022, OpenAI&#8217;s prototype of generative AI \u2014 that is, artificial intelligence that can produce new content on demand \u2014 has dominated popular tech media. We&#8217;ve all seen the headlines questioning the future of organic search, the impact on creators&#8217; livelihoods and content ownership, the challenge of&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/5-ways-chatgpt-increase-productivity\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about 5 Ways Bloggers Can Use ChatGPT to Increase Productivity\"><\/a>\n<\/article>\n\t<\/div>\n<\/aside>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Back to Blog \u2022 Call me a typography nerd, but choosing brand fonts is always my favorite part of the design process.&nbsp; Typography, the study of fonts and the way letters are designed has long been pivotal in providing readers with easy reading experiences.&nbsp; (Okay, yes, I am a typography nerd.) Best practices for choosing&#8230;<\/p>\n","protected":false},"author":44459,"featured_media":31520,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":"","footnotes":""},"categories":[120,60,94],"tags":[],"audience_post":[],"class_list":["post-31514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-general-blogging","category-pagespeed"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Choose Fonts for Site Speed and Accessibility - Mediavine<\/title>\n<meta name=\"description\" content=\"Need to choose new fonts for your brand but you&#039;re worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Choose Fonts for Site Speed and Accessibility\" \/>\n<meta property=\"og:description\" content=\"Need to choose new fonts for your brand but you&#039;re worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Mediavine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mediavinepublishernetwork\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-03T19:11:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-21T19:23:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"The Mediavine Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mediavine\" \/>\n<meta name=\"twitter:site\" content=\"@mediavine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"The Mediavine Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\"},\"author\":{\"name\":\"The Mediavine Team\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf\"},\"headline\":\"How to Choose Fonts for Site Speed and Accessibility\",\"datePublished\":\"2021-06-03T19:11:20+00:00\",\"dateModified\":\"2021-09-21T19:23:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\"},\"wordCount\":1544,\"publisher\":{\"@id\":\"https:\/\/www.mediavine.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg\",\"articleSection\":[\"Accessibility\",\"General Blogging\",\"Pagespeed\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\",\"url\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\",\"name\":\"How to Choose Fonts for Site Speed and Accessibility - Mediavine\",\"isPartOf\":{\"@id\":\"https:\/\/www.mediavine.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg\",\"datePublished\":\"2021-06-03T19:11:20+00:00\",\"dateModified\":\"2021-09-21T19:23:51+00:00\",\"description\":\"Need to choose new fonts for your brand but you're worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage\",\"url\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg\",\"contentUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg\",\"width\":800,\"height\":533},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mediavine.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Choose Fonts for Site Speed and Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mediavine.com\/#website\",\"url\":\"https:\/\/www.mediavine.com\/\",\"name\":\"Mediavine\",\"description\":\"Full Service Ad Management\",\"publisher\":{\"@id\":\"https:\/\/www.mediavine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mediavine.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mediavine.com\/#organization\",\"name\":\"Mediavine\",\"url\":\"https:\/\/www.mediavine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg\",\"contentUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg\",\"width\":696,\"height\":696,\"caption\":\"Mediavine\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mediavinepublishernetwork\/\",\"https:\/\/x.com\/mediavine\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf\",\"name\":\"The Mediavine Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g\",\"caption\":\"The Mediavine Team\"},\"sameAs\":[\"https:\/\/www.mediavine.com\/\"],\"url\":\"https:\/\/www.mediavine.com\/blog\/author\/guest\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Choose Fonts for Site Speed and Accessibility - Mediavine","description":"Need to choose new fonts for your brand but you're worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/","og_locale":"en_US","og_type":"article","og_title":"How to Choose Fonts for Site Speed and Accessibility","og_description":"Need to choose new fonts for your brand but you're worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.","og_url":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/","og_site_name":"Mediavine","article_publisher":"https:\/\/www.facebook.com\/mediavinepublishernetwork\/","article_published_time":"2021-06-03T19:11:20+00:00","article_modified_time":"2021-09-21T19:23:51+00:00","og_image":[{"width":800,"height":533,"url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg","type":"image\/jpeg"}],"author":"The Mediavine Team","twitter_card":"summary_large_image","twitter_creator":"@mediavine","twitter_site":"@mediavine","twitter_misc":{"Written by":"The Mediavine Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#article","isPartOf":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/"},"author":{"name":"The Mediavine Team","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf"},"headline":"How to Choose Fonts for Site Speed and Accessibility","datePublished":"2021-06-03T19:11:20+00:00","dateModified":"2021-09-21T19:23:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/"},"wordCount":1544,"publisher":{"@id":"https:\/\/www.mediavine.com\/#organization"},"image":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg","articleSection":["Accessibility","General Blogging","Pagespeed"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/","url":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/","name":"How to Choose Fonts for Site Speed and Accessibility - Mediavine","isPartOf":{"@id":"https:\/\/www.mediavine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage"},"image":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg","datePublished":"2021-06-03T19:11:20+00:00","dateModified":"2021-09-21T19:23:51+00:00","description":"Need to choose new fonts for your brand but you're worried about site speed and website accessibility? Learn how to choose the best fonts for your brand right here.","breadcrumb":{"@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#primaryimage","url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg","contentUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2021\/06\/woman-using-desktop-computer.jpg","width":800,"height":533},{"@type":"BreadcrumbList","@id":"https:\/\/www.mediavine.com\/blog\/choose-fonts-site-speed-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mediavine.com\/"},{"@type":"ListItem","position":2,"name":"How to Choose Fonts for Site Speed and Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/www.mediavine.com\/#website","url":"https:\/\/www.mediavine.com\/","name":"Mediavine","description":"Full Service Ad Management","publisher":{"@id":"https:\/\/www.mediavine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mediavine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mediavine.com\/#organization","name":"Mediavine","url":"https:\/\/www.mediavine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg","contentUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg","width":696,"height":696,"caption":"Mediavine"},"image":{"@id":"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mediavinepublishernetwork\/","https:\/\/x.com\/mediavine"]},{"@type":"Person","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf","name":"The Mediavine Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g","caption":"The Mediavine Team"},"sameAs":["https:\/\/www.mediavine.com\/"],"url":"https:\/\/www.mediavine.com\/blog\/author\/guest\/"}]}},"_links":{"self":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/31514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/users\/44459"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/comments?post=31514"}],"version-history":[{"count":10,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/31514\/revisions"}],"predecessor-version":[{"id":33085,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/31514\/revisions\/33085"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/media\/31520"}],"wp:attachment":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/media?parent=31514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/categories?post=31514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/tags?post=31514"},{"taxonomy":"audience_post","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/audience_post?post=31514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}