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

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

PackageForm edit

Author Michael Daum
Version 3.01
Release 11 Feb 2019
Description Web fonts for Foswiki skins
Repository https://github.com/foswiki/WebFontsContrib
Copyright 2015-2019 Michael Daum http://michaeldaumconsulting.com
License GPL (GNU General Public License)
Home https://foswiki.org/Extensions/WebFontsContrib
Support https://foswiki.org/Support/WebFontsContrib
Topic revision: r7 - 11 Feb 2019, UnknownUser
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding DAMASK? Send feedback