MediaWiki:Common.less/fonts.less

//

/* ==================================================
       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/IBMPlexSans-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('images/IBMPlexSans-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('images/IBMPlexSans-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('images/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/PT-Serif_Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('images/PT-Serif_Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('images/PT-Serif_Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('images/PT-Serif_Bold-Italic.woff2') format('woff2');
}

/* ==========================
      Near-Reality 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/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/RuneScape_Bold.woff2') format('woff2');
}

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