MediaWiki:Common.less/fonts.less

From RuneRealm Wiki
Jump to navigation Jump to search

/* ==================================================

      Fonts licensed under Open Font License 1.1.
      This license is available with a FAQ at:
      <https://scripts.sil.org/OFL>
  ================================================== */

// <https://github.com/IBM/plex/releases/tag/v5.1.3> IBM Plex Sans @font-face {

   font-family: 'IBM Plex Sans';
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   src: url('/images/rss/IBMPlexSans-Regular.woff2') format('woff2');

} @font-face {

   font-family: 'IBM Plex Sans';
   font-weight: normal;
   font-style: italic;
   font-display: swap;
   src: url('/images/rss/IBMPlexSans-Italic.woff2') format('woff2');

} @font-face {

   font-family: 'IBM Plex Sans';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   src: url('/images/rss/IBMPlexSans-Bold.woff2') format('woff2');

} @font-face {

   font-family: 'IBM Plex Sans';
   font-weight: bold;
   font-style: italic;
   font-display: swap;
   src: url('/images/rss/IBMPlexSans-BoldItalic.woff2') format('woff2');

}

// <https://www.paratype.com/fonts/pt/pt-serif?tab=packages> PT Serif @font-face {

   font-family: 'PT Serif';
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   src: url('/images/rss/PT-Serif_Regular.woff2') format('woff2');

} @font-face {

   font-family: 'PT Serif';
   font-weight: normal;
   font-style: italic;
   font-display: swap;
   src: url('/images/rss/PT-Serif_Italic.woff2') format('woff2');

} @font-face {

   font-family: 'PT Serif';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   src: url('/images/rss/PT-Serif_Bold.woff2') format('woff2');

} @font-face {

   font-family: 'PT Serif';
   font-weight: bold;
   font-style: italic;
   font-display: swap;
   src: url('/images/rss/PT-Serif_Bold-Italic.woff2') format('woff2');

}

/* ==========================

     RuneScape fonts
  ========================== */

/*

 The order of defining the sources is as follows:
 1) the local filename
 2) the .woff2 file
 3) the .woff file
 From CSS Fonts Level 3, section 4.3: <https://www.w3.org/TR/css-fonts-3/#src-desc>
 "When a font is needed the user agent iterates over the set of references listed,
 using the first one it can successfully activate. Fonts containing invalid data
 or local font faces that are not found are ignored and the user agent loads
 the next font in the list."
  • /

@font-face {

   font-family: 'RuneScape';
   font-style: normal;
   font-weight: normal;
   src: local("RuneScape Plain 12"),
   	 url('/images/rss/RuneScape.woff2') format('woff2');

}

@font-face {

   font-family: 'RuneScape';
   font-style: normal;
   font-weight: bold;
   src: local("RuneScape Bold"),
        local("RuneScape Bold 12"),
        local("RuneScape Chat 2"),
        local("RuneScape Chat"),
        url('/images/rss/RuneScape_Bold.woff2') format('woff2');

}

@font-face {

   font-family: 'RuneScape Small';
   font-style: normal;
   font-weight: normal;
   src: local("RuneScape Plain 12"),
   	 url('/images/rss/RuneScape_Small.woff2') format('woff2');

}