{"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-01-10T11:05:01","modified_gmt":"2026-01-10T11:05:01","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 is a new feature released in 6.5. The library allows you to manually upload your own collection or connect directly to Google Fonts and manage fonts in WordPress. It is available globally for <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\">block themes<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Where to find the Font Library<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Font Library lives in the<strong> <\/strong>Site Editor at <strong>Appearance &gt; Editor<\/strong>. From the editor select to edit your site\u2019s styles. To find the style settings click on the half circle <strong>Styles<\/strong> icon in the top right corner of the page. In the Styles panel, click <strong>Typography &gt; Manage fonts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"419\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/1-font-management-library.png\" alt=\"Screenshot of the Manage Fonts panel in the WordPress editor, showing the available theme fonts. The panel has tabs for Library, Upload, and Install Fonts, with the Library tab selected.\" class=\"wp-image-16365124\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/1-font-management-library.png 512w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/1-font-management-library-300x246.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">The Manage Fonts panel<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Manage Fonts panel contains 3 tabs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Library&nbsp;<\/li>\n\n\n\n<li>Upload<\/li>\n\n\n\n<li>Install Fonts<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Library<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Library 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 is where Google Fonts can be uploaded.&nbsp;<\/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 'Manage Fonts' 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 'Upload' tab. A blue button labeled 'Allow access to Google Fonts' 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\"><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\" 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 'Bodoni' is entered in the search bar on the left. Two results are displayed: 'Bodoni Moda' with 12 variants and 'Libre Bodoni' with 8 variants. A category dropdown is on the right, currently set to All.\" class=\"wp-image-16365131\" style=\"width:542px;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<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1232\" height=\"834\" src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/5-font-category-1.png\" alt=\"Screenshot of the Google Fonts installation interface in WordPress, highlighting the font category filter dropdown menu. The search term 'Alike' is entered in the search bar, displaying results for 'Alike' and 'Alike Angular,' each with 1 variant. The category dropdown is expanded on the right, showing options including All, Sans Serif, Display, Serif (selected), Handwriting, and Monospace.\" class=\"wp-image-16365130\" style=\"width:681px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/5-font-category-1.png 1232w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/5-font-category-1-300x203.png 300w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/5-font-category-1-1024x693.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2024\/10\/5-font-category-1-768x520.png 768w\" sizes=\"auto, (max-width: 1232px) 100vw, 1232px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to install a font with Google Fonts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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=\"1296\" style=\"aspect-ratio: 1952 \/ 1296;\" width=\"1952\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/google-font.mov\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Removing fonts<\/h3>\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 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<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 960 \/ 720;\" width=\"960\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/wordpress-disable-delete-font.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the default fonts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fonts are available globally but can also be used on individual blocks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Changing fonts globally<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To use a font globally, navigate to the <strong>Styles panel &gt; Typography &gt; Elements<\/strong> then choose the element to change: text, links, headings, captions, and buttons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the next panel, choose the font and any of the other font characteristics: size, appearance, line height, letter spacing, and letter space.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"784\" style=\"aspect-ratio: 920 \/ 784;\" width=\"920\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2024\/10\/WordPress-change-block-font.mp4\"><\/video><\/figure>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Font Library is a new feature released in 6.5. The library allows you to manually upload your own collection or connect directly to Google Fonts and manage fonts in WordPress. It is available globally for block themes.&nbsp; Where to find the Font Library The Font Library lives in the Site Editor at Appearance &gt; [&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":5,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16360580\/revisions"}],"predecessor-version":[{"id":16366629,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16360580\/revisions\/16366629"}],"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}]}}