MediaWiki:Custom-Common.less/fonts.less

// /* =============      Fonts ============= */ /* This page is for defining any webfont that needs to be installed to the wiki. To support IE9+ and all other browsers, a .woff file is needed, and for IE<9, an .eot file. The order of defining the sources is as follows: 1) the .eot file, with a question mark at the end of the url (to prevent IE bugs), with format('embedded-opentype') 2) any local files; this needs to be after the .eot url to prevent IE bugs 3) the .woff file with format('woff')

All fonts should be hosted on Wikia, so that Firefox is able to load the files. Firefox doesn't allow cross-origin requests unless the host explicitly allows it, so it's best not to risk it.

*************

Optional additional support can be added by adding a .tff file or a .svg file at the bottom (see http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax) The .tff file will expand support to include old versions of the Android browser, and .svg files will expand support to include most older versions of the browsers other than FF/IE. At the time of writing, the additional .tff file would expand support by roughly 7% (from the older Android browser versions, and the outdated Windows desktop browsers) and the additional .svg file would expand support by roughly 6% (from most older versions of all browsers, including Android, Mac and Windows; but not all). When .tff is already installed, the .svg file will only expand support by a few hundredths of a percent of the users, so the combination is generally not worth it.

*************

If you're seeing this page looking for ways to install this on your wiki, you'll first need to have webfonts enabled on your wiki, by contacting Wikia staff about it via the Special:Contact page on your wiki. The .woff, .tff and .eot file formats need to be enabled for full access to all webfont file types. */

@font-face { font-family: 'runescape'; font-style: normal; font-weight: normal; src: url('http://images.wikia.com/runescape/images/a/ab/Runescape_chat.eot?') format('embedded-opentype'), local("RuneScape Chat"), url('http://images.wikia.com/runescape/images/8/87/Runescape_chat.woff') format('woff'); }

@font-face { font-family: 'runescape-bold'; font-style: normal; font-weight: bold; src: url('http://images.wikia.com/runescape/images/1/1e/Runescape_chat_bold.eot?') format('embedded-opentype'), local("RuneScape Chat Bold 2"), local("RuneScape Chat Bold"), local("RuneScape Chat 2"), url('http://images.wikia.com/runescape/images/e/e8/Runescape_chat_bold.woff') format('woff'); }

@font-face { font-family: 'runescape-small'; font-style: normal; font-weight: normal; src: url('http://images.wikia.com/runescape/images/d/de/Runescape_small.eot?') format('embedded-opentype'), local("RuneScape Small"), url('http://images.wikia.com/runescape/images/c/c5/Runescape_small.woff') format('woff'); }

@font-face { font-family: 'runescape-classic'; font-style: normal; font-weight: normal; src: url('http://images.wikia.com/runescape/images/6/64/Runescape_classic.eot?') format('embedded-opentype'), local("RuneScape Classic"), url('http://images.wikia.com/runescape/images/3/3b/Runescape_classic.woff') format('woff'); }

@font-face { font-family: 'KingthingsPetrock'; font-weight: normal; font-style: normal; src: url('http://images.wikia.com/runescape/images/f/fa/Kingthings_Petrock-webfont.eot?') format('embedded-opentype'), local("KingthingsPetrock"), url('http://images.wikia.com/runescape/images/6/6d/Kingthings_Petrock-webfont.woff') format('woff'); }

@font-face { font-family: 'MuseoSans'; font-weight: normal; font-style: normal; src: url('http://img3.wikia.nocookie.net/__cb20140329160843/runescape/images/f/fb/Museo_Sans_500.eot?') format('embedded-opentype'), local("MuseoSans"), url('http://img1.wikia.nocookie.net/__cb20140329160753/runescape/images/4/47/Museo_Sans_500.woff') format('woff'); }

@font-face { font-family: 'League Spartan'; font-weight: normal; font-style: normal; src: url('http://img1.wikia.nocookie.net/__cb20141227092735/runescape/images/f/f0/Leaguespartan-bold.eot?') format('embedded-opentype'), local("League Spartan"), url('http://img3.wikia.nocookie.net/__cb20141227092736/runescape/images/9/90/Leaguespartan-bold.woff') format('woff'); }