Board Thread:Support Requests - Designing Your Wikia/@comment-35340256-20150527031720/@comment-154566-20150527142910

I did something similar with a Google font at D&D4 Wiki.

There are two steps to get it working.

First, declare a  in sitewide CSS.

At D&D4 Wiki I created a separate MediaWiki:Fonts.css, but there's an easier way.

Visit Google Fonts and it will generate an  declaration. It'll look like. Copy and paste it into your Special:CSS or MediaWiki:Wikia.css. This  will send browsers the necessary   for you.

Next, use CSS to add  properties to the header classes.

These rules go into your Special:CSS or MediaWiki:Wikia.css. You can see an example at D&D4 Wiki's MediaWiki:Wikia.css.

I also declare additional  names, such as Book Antiqua and Palatino. You should do this, too. Additional names let browsers fall back on a similar typeface, if they don't support webfonts.

For example, you could declare. This lets browsers show Futura, which is similar to Poiret One, if they can't show Poiret One; or show the less similar but very common Verdana, if they can't show Futura; or show their default sans-serif, if they can't show Verdana. This lets you guide browsers to a reasonably close fallback, rather than going straight to the default, which may look nothing at all like Poiret One.