You are here: System » WebFontsContrib

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
Tabler Icons 400 normal
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 and Tabler 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

NameVersionDescription
Foswiki::Plugins::JQueryPlugin>=9.0Required

Change History

01 May 2024 added tabler icons
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
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 Middle Fork Home Wiki? Send feedback
Syndicate this site RSS