WebFontsContrib

Web fonts for Foswiki

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

pub/System/WebFontsContrib/<font-family>/font-face.css

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
DM Serif Display	400	normal
DM Sans	400, 500, 700	normal, italic
Droid Sans	normal, bold	normal
Droid Serif	normal, bold	normal, italic
Lato	100, 300, 400, 700, 900	normal, italic
Material Icons	400	normal
Montserrat	100, 200, 300, 400, 500, 600, 700, 800, 900	normal, italic
Open Sans	300, 400, 600, 700, 800	normal, italic
Open Sans Condensed	300, 600, 700	normal, italic
Oswald	200, 300, 400, 500, 600, 700	normal
Overpass	100, 200, 300, 400, 600, 700, 800, 900	normal, italic
Poppins	100, 200, 300, 400, 500, 600, 700, 800, 900	normal, italic
Roboto	100, 300, 400, 500, 700, 900	normal, italic
Roboto Condensed	300, 400, 700	normal, italic
Roboto Mono	100, 200, 300, 400, 500, 600, 700	normal, italic
Source Code Pro	200, 300, 400, 500, 600, 700, 900	normal, italic
Source Sans Pro	200, 300, 400, 600, 700, 900	normal, italic
Source Serif Pro	200, 300, 400, 600, 700, 900	normal, italic
Titillium Web	200, 300, 400, 600, 700, 900	normal, italic
Work Sans	100, 200, 300, 400, 500, 600, 700, 800, 900	normal, italic

See the list of all Material Icons

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.

Dependencies

Name	Version	Description
Foswiki::Plugins::JQueryPlugin	>=9.0	Required

Change History

26 Jan 2024	added roboto-flex font
05 May 2022	new major release
26 Mar 2021	added font-display:swap to all font faces; separated Open Sans Condensed from Open Sans; added DM Sans
25 Mar 2021	added Poppins, Montserrat, Work Sans, Overpass, Titillium Web, DM Serif Display
30 Nov 2020	only support woff and woff2 fonts now
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