TIP WebFontsContrib is not installed on Foswiki.org.


Web fonts for Foswiki skins

This is a bundle of commonly used free web-fonts to be used in your Foswiki skin. Each font comes with a handy font-face definition that you may add to your own css. They are located in


For instance, given your styles.css is located in pub/System/MyThemeContrib/styles.css, then adding this will make the "Roboto" available in your design

@import url(../WebFontsContrib/roboto/font-face.css);

Depending on the font different styles and weights are defined in the font-face file.

Font Family Weights Styles
Droid Sans normal, bold normal
Droid Serif normal, bold normal, italic
Lato 100, 200, 300, 500, 600, 800, 900, bold, normal normal, italic
Material Icons 400 normal
Open Sans 300, 600, 800, bold, normal normal, italic
Oswald 300, normal, bold normal
Oswald Stencil normal normal
Roboto 100, 300, 400, 500, 700, 900, bold, normal normal, italic
Roboto Mono 100, 300, 400, 500, 700 normal, italic
Source Code Pro 200, 300, 400, 600, 700, 900 normal, italic
Source Sans Pro 200, 300, 400, 600, 700, 900 normal, italic

See the list of all MaterialIcons

Installation Instructions

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. "Extensions Operation and Maintenance" Tab -> "Install, Update or Remove extensions" Tab. Click the "Search for Extensions" button. Enter part of the extension name or description and press search. Select the desired extension(s) and click install. If an extension is already installed, it will not show up in the search results.

You can also install from the shell by running the extension installer as the web server user: (Be sure to run as the webserver user, not as root!)
cd /path/to/foswiki
perl tools/extension_installer <NameOfExtension> install

If you have any problems, or if the extension isn't available in configure, then you can still install manually from the command-line. See https://foswiki.org/Support/ManuallyInstallingExtensions for more help.

Note that copyrights apply to each font individually.



Change History

28 Oct 2020 package compressed font files as well now
11 Feb 2019 fixed syntax error in Config.spec file
31 Jan 2019 added Source Code Pro and Source Sans Pro fonts; added compatibility with latest JQueryPlugin
18 Sep 2017 added missing css and js
30 Nov 2016 added material icons
01 Mar 2016 initial release
16 Sep 2015 creation
Topic attachments
I Attachment Action Size Date Who Comment
WebFontsContrib.md5md5 WebFontsContrib.md5 manage 168 bytes 28 Oct 2020 - 16:29 MichaelDaum  
WebFontsContrib.sha1sha1 WebFontsContrib.sha1 manage 192 bytes 28 Oct 2020 - 16:29 MichaelDaum  
WebFontsContrib.tgztgz WebFontsContrib.tgz manage 21 MB 28 Oct 2020 - 16:29 MichaelDaum  
WebFontsContrib.zipzip WebFontsContrib.zip manage 21 MB 28 Oct 2020 - 16:28 MichaelDaum  
WebFontsContrib_installerEXT WebFontsContrib_installer manage 55 K 28 Oct 2020 - 16:29 MichaelDaum  
Topic revision: r6 - 28 Oct 2020, MichaelDaum - This page was cached on 17 Sep 2021 - 21:43.

The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy