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

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

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

PackageForm edit

Author Michael Daum
Version 6.00
Release 26 Jan 2024
Description Web fonts for Foswiki
Repository https://github.com/foswiki/WebFontsContrib
Copyright 2015-2024 Michael Daum
License GPL (GNU General Public License)
Home https://foswiki.org/Extensions/WebFontsContrib
Support https://foswiki.org/Support/WebFontsContrib
Topic revision: r1 - 26 Jan 2024, 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 Foswiki? Send feedback