{"id":16360580,"date":"2024-10-17T12:11:36","date_gmt":"2024-10-17T12:11:36","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&#038;p=16360580"},"modified":"2026-05-23T12:55:26","modified_gmt":"2026-05-23T12:55:26","slug":"the-font-library","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/the-font-library\/","title":{"rendered":"The Font Library"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Font Library allows you to manually upload your own collection or connect directly to Google Fonts and manage fonts in WordPress. Starting in 7.0, it is available globally for <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\">block themes<\/a> and classic themes.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Navigate the Font Library<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Font Library lives in the<strong> <\/strong>Admin menu under <strong>Appearance &gt; Fonts<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-1024x308.jpg\" alt=\"Fonts location in admin\" class=\"wp-image-16368127\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-1024x308.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-300x90.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-768x231.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-1536x462.jpg 1536w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.23.52-AM-2048x616.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Library<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Library tab contains any fonts installed on the site as well as the theme fonts. Any newly added fonts will appear in this tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"315\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/2-library.png\" alt=\"Screenshot of the  Library tab in the Manage Fonts panel in the WordPress editor, showing the available fonts. Fonts listed include Cardo (3 variants active), Inter (1 variant active), System Sans-serif (1 variant active), and System Serif (1 variant active).\" class=\"wp-image-16365126\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/2-library.png 512w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/2-library-300x185.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Upload<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A new collection or a single font file can be uploaded on this tab. The supported formats are .ttf, .otf, .woff, and .woff2<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1296\" style=\"aspect-ratio: 1952 \/ 1296;\" width=\"1952\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/upload-font.mov\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Install Fonts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Install Fonts tab allows you to install <strong>Google Fonts<\/strong> for use on your site. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, you need to give access to Google Fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"315\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Google-Fonts.png\" alt=\"Screenshot of the Install Fonts tab in the WordPress &apos;Manage Fonts&apos; panel. The tab displays a prompt to Connect to Google Fonts, explaining that permission is required to connect directly to Google servers. Installed fonts will be stored locally on the site. It also explains how to   upload fonts manually on the &apos;Upload&apos; tab. A blue button labeled &apos;Allow access to Google Fonts&apos; is at the bottom of the panel.\n\" class=\"wp-image-16365127\" style=\"width:584px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Google-Fonts.png 512w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Google-Fonts-300x185.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Access can be revoked by clicking on the 3 dots on the right side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"447\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Revoke-access.png\" alt=\"Screenshot of the Install Fonts tab in the WordPress Manage Fonts panel, showing a dropdown menu with the option to Revoke access to Google Fonts. The menu is accessed through the three-dot button in the upper right.\" class=\"wp-image-16365128\" style=\"aspect-ratio:1.1454189534030133;width:458px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Revoke-access.png 512w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Revoke-access-300x262.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Find the font you wish to use using the search box. You can filter search results using the category dropdown menu in the upper right side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"450\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/6-font-search.png\" alt=\"Screenshot of the Google Fonts installation interface in WordPress, highlighting the search functionality. The search term &apos;Bodoni&apos; is entered in the search bar on the left. Two results are displayed: &apos;Bodoni Moda&apos; with 12 variants and &apos;Libre Bodoni&apos; with 8 variants. A category dropdown is on the right, currently set to All.\" class=\"wp-image-16365131\" style=\"aspect-ratio:1.1377636369600157;width:394px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/6-font-search.png 512w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/6-font-search-300x264.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Install a Google Font<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To install a font with Google Fonts, choose the desired font &gt; Select the font variants in the next panel &gt; click Install. You\u2019ll see a notice indicating whether the font installed successfully. Newly installed fonts will appear in the Library tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The available variations will also appear in the Styles section.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"742\" style=\"aspect-ratio: 1470 \/ 742;\" width=\"1470\" controls poster=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.08.43-AM.jpg\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Kapture-2026-05-23-at-07.04.39.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Removing fonts<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-1024x518.jpg\" alt=\"Fonts library with Delete and Update options \" class=\"wp-image-16368123\" style=\"aspect-ratio:1.9768758676116023;width:624px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-1024x518.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-300x152.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-768x388.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-1536x777.jpg 1536w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.18.14-AM-2048x1036.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To temporarily remove access to some variants of a font, you can check\/uncheck them in the Font Library, then click Update.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To completely remove the font family or single font, click on it, check the box for the font then click <strong>Delete<\/strong>. You\u2019ll be prompted to confirm the deletion before the Font family is uninstalled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After a font is deleted, a \u201cFont family uninstalled successfully\u201d notice appears on the main Library tab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Change a default font<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To update a block&#8217;s font across your site, navigate to  Appearance &gt; Editor &gt; Styles<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From here you can change the default font used across the entire site. You can also update the default font used for specific block types such as Heading or Paragraph.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"740\" style=\"aspect-ratio: 1470 \/ 740;\" width=\"1470\" controls poster=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Screenshot-2026-05-23-at-7.51.07-AM.jpg\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/Kapture-2026-05-23-at-07.48.01.mp4\"><\/video><\/figure>\n\n\n\n<div id=\"changelog\" class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#dce5ec\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-23 (props to @awetz583)\n<ul class=\"wp-block-list\">\n<li>Updated font menu location for 7.0 <\/li>\n\n\n\n<li>Updated videos and screenshots<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2024-10-17<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Font Library allows you to manually upload your own collection or connect directly to Google Fonts and manage fonts in WordPress. Starting in 7.0, it is available globally for block themes and classic themes.\u00a0 Navigate the Font Library The Font Library lives in the Admin menu under Appearance &gt; Fonts. Library The Library tab [&hellip;]<\/p>\n","protected":false},"author":14331594,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[81,80],"class_list":["post-16360580","helphub_article","type-helphub_article","status-publish","hentry","category-appearance","category-customization"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16360580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/users\/14331594"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=16360580"}],"version-history":[{"count":13,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16360580\/revisions"}],"predecessor-version":[{"id":16368134,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16360580\/revisions\/16368134"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=16360580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=16360580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}