{"id":725,"date":"2024-04-13T00:32:41","date_gmt":"2024-04-13T00:32:41","guid":{"rendered":"https:\/\/mebenedetto.com\/blog\/?p=725"},"modified":"2024-08-27T12:51:09","modified_gmt":"2024-08-27T12:51:09","slug":"modern-fonts-stacks-for-wordpress-font-library","status":"publish","type":"post","link":"https:\/\/mebenedetto.com\/blog\/modern-fonts-stacks-for-wordpress-font-library\/","title":{"rendered":"Modern Fonts Stacks for WordPress Font Library"},"content":{"rendered":"\n<p><a href=\"https:\/\/github.com\/matiasbenedetto\/modern-fonts-stacks-for-font-library\" data-type=\"link\" data-id=\"https:\/\/github.com\/matiasbenedetto\/modern-fonts-stacks-for-font-library\" target=\"_blank\" rel=\"noreferrer noopener\">Modern Fonts Stacks for WordPress Font Library<\/a> <strong>is a plugin that adds a font collection to provide users with the ability to install a modern system fonts stacks.<\/strong> It can be used new WordPress Font Library with <code>Gutenberg &gt;= 17.8<\/code> and\/or <code>WordPress &gt;= 6.5<\/code>.<\/p>\n\n\n\n<p>The modern fonts stacks are a collection of CSS sytem font stacks. You can learn more about the project in it&#8217;s <a href=\"https:\/\/modernfontstacks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a>.<\/p>\n\n\n\n<p>To use these font stacks in WordPress you just need to <a href=\"https:\/\/wordpress.org\/plugins\/modern-fonts-stacks-for-font-library\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/modern-fonts-stacks-for-font-library\/\" target=\"_blank\" rel=\"noreferrer noopener\">download the plugin<\/a> and install it After that Modern Fonts Stacks font collection will show up in the Font Library modal window.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-1024x566.png\" alt=\"\" class=\"wp-image-726\" srcset=\"https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-1024x566.png 1024w, https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-300x166.png 300w, https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-768x424.png 768w, https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-1536x849.png 1536w, https:\/\/mebenedetto.com\/blog\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-12-at-21-28-12-Single-Posts-\u2039-Template-\u2039-Matias-Benedetto-\u2039-Editor-\u2014-WordPress-2048x1132.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I developed it while working on the new Font Library feature included in WordPress core 6.5.  It was very useful during my development work to test system fonts and showcase the font library extensibility via font collections.<\/p>\n\n\n\n<p>T<s>he plugin will be soon it will be available via the WordPress plugin repo so the manual download and install won&#8217;t be necessary anymore.<\/s><\/p>\n\n\n\n<p>The plugin is <a href=\"https:\/\/wordpress.org\/plugins\/modern-fonts-stacks-for-font-library\/\" target=\"_blank\" rel=\"noreferrer noopener\">already live in the WordPress plugin directory<\/a>, you can install it from your WordPress site.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"mF1Mo7JUwc\"><a href=\"https:\/\/wordpress.org\/plugins\/modern-fonts-stacks-for-font-library\/\">Modern Fonts for Font Library<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Modern Fonts for Font Library&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/modern-fonts-stacks-for-font-library\/embed\/#?secret=Ag82y0EYit#?secret=mF1Mo7JUwc\" data-secret=\"mF1Mo7JUwc\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Plugin page<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Contribute<\/h2>\n\n\n\n<p>Do you want to contribute? You are welcome! Please check the GitHub repo of the project: <a href=\"https:\/\/github.com\/matiasbenedetto\/modern-fonts-stacks-for-font-library\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/matiasbenedetto\/modern-fonts-stacks-for-font-library<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Modern Fonts Stacks for WordPress Font Library is a plugin that adds a font collection to provide users with the ability to install a modern system fonts stacks. It can be used new WordPress Font Library with Gutenberg &gt;= 17.8 and\/or WordPress &gt;= 6.5. The modern fonts stacks are a collection of CSS sytem font [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":726,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[35],"class_list":["post-725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/posts\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/comments?post=725"}],"version-history":[{"count":9,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/posts\/725\/revisions"}],"predecessor-version":[{"id":1117,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/posts\/725\/revisions\/1117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/media\/726"}],"wp:attachment":[{"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/media?parent=725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/categories?post=725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mebenedetto.com\/blog\/wp-json\/wp\/v2\/tags?post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}