The Fontsampler WordPress plugin lets you embed interactive font previews of your OpenType webfonts. It is intended for type designers, foundries, resellers and anybody else interested in showcasing nice webfonts on their WordPress site. And it’s free! (Although donations<\/a> are welcome)<\/p>\n

Embedding a Fontsampler anywhere on your site<\/h1>\n

The plugin works via shortcodes, so simply adding [fontsampler id=123]<\/code> in any page or post on your wordpress site will render the selected Fontsampler with its options, for example like this:<\/p>\n

\t\t\t

\n\t\t\t

\n\n\t

\n\n\t\t

\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSize<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>

<\/div>

\t\t\t\t\t\t

Type here to test this exquisite typeface...<\/div>\n\n\t\t\t\t\t\t<\/div>\t<\/div>\n<\/div><\/div><\/div>\n

Typeface: Alegreya Italic by Juan Pablo del Peral<\/a><\/small><\/p>\n

Configure as needed<\/h1>\n

Each Fontsampler instance can be provided with different fonts, interface options and defaults. That way you can set up different types of interfaces and tailor the experience to your users need.<\/p>\n

You can activate all interface options:<\/p>\n

\t\t\t

\n\t\t\t

\n\n\t

\n\n\t\t

\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSize<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>

<\/div>

\t\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>

\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSelect a sample text<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thamburgerfontstiv\r<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tabcdefghijklmnopqrstuvwxyz\r<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tABCDEFGHIJKLMNOPQRSTUVWXYZ\r<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tThe quick brown fox jumps over the lazy cat<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>

\t\t\t\t\t\t

There are plenty of interface options.\r
Use with consideration!<\/div>\n\n\t\t\t\t\t\t<\/div>

\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>

\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>

\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

<\/fieldset>\n\t\t\t\t\t\t\t\t\t

<\/fieldset>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t<\/div>\n<\/div><\/div><\/div>\n

Typeface: Cormorant by Christian Thalmann<\/a><\/small><\/p>\n

Or even use solely the interactive input field:<\/p>\n

\t\t\t

\n\t\t\t

\n\n\t

\n\n\t\t

\t\t\t\t\t\t

The quick brown fox jumps over the lazy cat... or was it the dog?<\/div>\n\n\t\t\t\t\t\t<\/div>\t<\/div>\n<\/div><\/div><\/div>\n

Typeface: PT Sans by Paratype<\/a><\/small><\/p>\n

You can tweak the interface colours<\/a>, adjust the interface labels and options, and much more. Check the examples page<\/a> to explore more options.<\/p>\n

Installation<\/h1>\n

Simply login to your WordPress site’s admin panel. Go to Plugins<\/strong> and select Add new<\/strong> from the top, then search for “Fontsampler”<\/strong> and let WordPress handle the installation from there.<\/p>\n

Alternatively you can download the zip archive of the latest release<\/a> from github. After downloading, unzip the archive and copy the folder into your \/wp-content\/plugins<\/code> folder. After that, you can activate the Fontsampler plugin from your WordPress site’s admin panel and a Fontsampler<\/code> menu point will be added to the admin panel.<\/p>\n","protected":false},"excerpt":{"rendered":"

The Fontsampler WordPress plugin lets you embed interactive font previews of your OpenType webfonts. It is intended for type designers, foundries, resellers and anybody else interested in showcasing nice webfonts on their WordPress site. And it’s free! (Although donations are welcome) Embedding a Fontsampler anywhere on your site The plugin works via shortcodes, so simply … Continue reading “Homepage”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":24,"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":111,"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/pages\/2\/revisions\/111"}],"wp:attachment":[{"href":"http:\/\/fontsampler.johannesneumeier.com\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}