• View
• Edit
• History
• Attach
• Print
• Backlinks

GoogleWebFonts

Questions answered by this recipe

How can I add support for Google Web Fonts in secure way for all users?

Description

This recipe adds support for Google Web Fonts in secure way for all users.

Installation

Just download the file and place in your cookbook.

Configuration

Just include it in config.php with a traditional:

 include_once("$FarmD/cookbook/googlewebfonts-2018xxxx.php");

The xxxx relates to release date or you can remove the release date as it is inside the recipe as well.

I like to keep the release date, as you cannot accidentally do a number of mistakes, but it is up to you.

Internationalization

There is no need.

Usage

After installing you just have to include the markup loadfont to load the one or more of the fonts avilable, like this:

(:loadfont EwertNormalLatin,EaterNormalLatin,NosiferNormalLatin :)

You can see the fonts available using:

(:loadfont help:)

You can also (from version 20180329) see what fonts load automaticaly, like this:

(:loadfont auto:)

If you just want to include the auto loading fonts, do this:

(:loadfont:)

Here are some examples you can use on your WikiSandbox after install:

%font-family='"advent pro"' font-size=50px% This is the Advent Pro webfont!!!

%font-family=plaster font-size=50px% This is the Plaster webfont!!!

%font-family="Emblema one" font-size=50px% This is the Emblema one webfont!!!

%font-family="Henny penny" font-size=50px% This is the Henny-Penny webfont!!!

%font-family=butcherman font-size=50px% This is the Butcherman webfont!!!

%font-family=creepster font-size=50px% This is the Creepster webfont!!!

%font-family="dr sugiyama" font-size=50px% This is the Dr Sugiyama webfont!!!

%font-family=monoton font-size=50px% This is the Monoton webfont!!!

%font-family=ewert font-size=50px% This is the Ewert webfont!!!

%font-family=eater font-size=50px% This is the Eater webfont!!!

%font-family=nosifer font-size=50px% This is the Nosifer webfont!!!

Notes

Also visit https://fonts.google.com/ that is just brilliant, beautiful and extremely useful, to also load more fonts into your array of fonts.

To do / some day / maybe

Include support for javascript/client side loading of Google Web fonts.

Change log / Release notes

20180319 - first version - googlewebfonts-20180319.phpΔ
20180320 - 2nd version, solved some problems discovered by AllanG, discovered a problem related to protocol use ( with https fonts won't load properly, fix on next version) - googlewebfonts-20180320.phpΔ
20180326 - markup definiton was causing the trouble - googlewebfonts-20180326.phpΔ
20180327 - now it works on http and https - googlewebfonts-20180327.phpΔ
20180329 - include the auto property, small fixes, code got beautified - googlewebfonts-20180329.phpΔ

See also

• Fun
• Fonts

Contributors

CarlosAB

Comments

See discussion at GoogleWebFonts-Talk