@charset "UTF-8"; /* "It must be the first element in the style sheet and not be preceded by any character..." */



/* This page is distinguished from lufstat.css in that it contains
 * ALL declaration blocks containing the word "font-family".
 */



//  font-family: -apple-system, ".SFNSText-Regular", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
//	font-family:calibri, candara, cambria; SimSun; NSimSun; Microsoft YaHei; PMingLiU;
//	宋体： SimSun; 新宋体： NSimSun; 微软雅黑： Microsoft YaHei; 新細明體： PMingLiU;



/*
https://css-tricks.com/newsletter/259-how-to-use-variable-fonts/
https://redonion.se/how-to-implement-variable-fonts-on-the-web-2/
*/



/*

Exists as first priority
------------------------
Crimson Pro [three times]
Exo 2
Open Sans
Roboto Condensed
Source Sans 3

Exists as second priority
------------------------
Archivo Narrow
Cambria
Crimson Text
Noto Sans
Source Sans Pro
Times New Roman [twice]

Exists as third priority
------------------------
Calibri
Open Sans [already mentioned under first priority]
Open Sans Condensed
Palatino Linotype
Source Serif Pro
Times
Times New Roman [already mentioned under second priority]

*/



/* The only purpose of this class is to (re)start the interpretation of this file as a CSS file. Without it,
 * the first declaration block here below isn't read, causing the bold headers to not show as they should.
 */
.nonsense {}



/* Sans-serif font stack for the H1 heading "Beijing Air Pollution Statistics", made for fallback
 * fonts to be similar to the font "Source Sans 3 (the only variable font in the stack). The narrowest
 * is "Calibri", and the widest is "Arial" (the default sans-serif in the environment at Loopia).
 * The width of "Helvetica" is unknown, yet assumed to be the same as that of "Arial".
 */
.headingSansSerifStack { /* list ends with "sans-serif" (defaults to "Arial") */
	font-family: "Source Sans 3", "Source Sans Pro", Calibri, Roboto,
		"Segoe UI", Gadugi, Ebrima, Arial, Helvetica, sans-serif;
}



/* Sans-serif font stack for the three buttons "Select all", "Checkbox defaults",
 * and "Clear all", made for fallback fonts to be similar to the font "Exo 2".
 */
.threeBtnsSansSerifStack { /* list ends with "sans-serif" (defaults to "Arial") */
	/* The "sans-serif" font at the end of this list could cause a less desirable
	 * Chinese font (but another font stack should be used for Chinese characters).
	 */
	font-family: "Exo 2", "Noto Sans", "Open Sans", "Segoe UI", Lato, Nunito, Rubik, Gadugi, Ebrima,
		"Public Sans", Arial, Helvetica, "Source Sans Pro", "Source Sans 3", Roboto, Calibri, sans-serif;
}



/* Sans-serif font stack for the SELECT OPTIONS list. */
.selectListSansSerifStack {
	/* The "sans-serif" font at the end of this list could cause a less desirable
	 * Chinese font (but another font stack should be used for Chinese characters).
	 */
	font-family: "Roboto Condensed", "Archivo Narrow", "Open Sans Condensed",
		"PT Sans Narrow", "Arial Narrow", sans-serif;
}

 
 
/* Mixed serif and sans-serif font stack for the color change button, in detail tested on the digits 1 and 2 (and with a
 * quick check on 3, 4, and 5). Centering was of primary importance, then size (and style). "Times New Roman" was used
 * as the point of reference not to deviate inappropriately from. "Open Sans" was the best free font (afterwards bumped
 * forward to the first position from position 4), and the only font in this stack that's not among Windows' fonts.
 */ 
.colorBtnMixedFontsStack { /* list ends with "serif" (may default to "Times New Roman") */
	font-family: "Open Sans", "Times New Roman", "Palatino Linotype", "Liberation Serif",
		"Source Sans Pro", Calibri, "Source Serif Pro", "Noto Sans", serif;
}



/* Serif font stack for the checkbox buttons. */
.chkbxBtnsSerifStack { /* list ends with "serif" (may default to "Times New Roman") */
	/* The "serif" font at the end of this list causes a less desirable Chinese font (but another
	 * font stack should be used for Chinese characters). "Lusitana" doesn't have italics, so the
	 * files for Junicode are also placed among the fonts for this website, as well as in this file.
	 */
	font-family: "Crimson Pro", "Times New Roman", Times, Lusitana, Junicode, Alegreya, Garamond,
		Perpetua, "Liberation Serif", Cambria, "Crimson Text", Petrona, "STIX Two Text",
		Amiri, "Source Serif Pro", Georgia, "Palatino Linotype", "Charis SIL", Lora, serif;
}



/* Serif font stack for prose (longer instructions, etc.). */
.proseSerifStack { /* list ends with "serif" (may default to "Times New Roman") */
	/* The "serif" font at the end of this list causes a less desirable Chinese
	 * font (but another font stack should be used for Chinese characters).
	 */
	font-family: "Crimson Pro", "Crimson Text", "Times New Roman", Times, Lusitana, Cambria,
		"Liberation Serif", Junicode, "STIX Two Text", Alegreya, "Source Serif Pro", "Charis SIL",
		Petrona, Georgia, Amiri, "Palatino Linotype", Lora, Garamond, Perpetua, serif;
}



/* Serif font stack for the text in the footer and the non-heading text in the header. Cambria and Crimson Pro
 * came out on top, but Crimson Pro is a free font, which in addition is a variable font, so it was selected.
 */
.footerAndPageTopSerifStack { /* list ends with "serif" (may default to "Times New Roman") */
	/* The "serif" font at the end of this list causes a less desirable Chinese
	 * font (but another font stack should be used for Chinese characters).
	 */
	font-family: "Crimson Pro", Cambria, "Source Serif Pro", "Charis SIL", "Times New Roman", Times,
		"Palatino Linotype", Georgia, Amiri, Alegreya, "STIX Two Text", Perpetua, Petrona,
		Garamond, Lusitana, Lora, Junicode, "Crimson Text", "Liberation Serif", serif;
}



/*   S T A T I C   F O N T S   N O T   P R O V I D E D   BY   G O O G L E   */



/* The font "Junicode". This is NOT a variable font. (The order of these does matter.) */
/* This font is a backup for the font "Lusitana" in ".chkbxBtnsSerifStack" since Lusitana doesn't provide italics. */

@font-face { /* bold italic */
	font-family: "Junicode";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/Junicode-BoldItalic.woff") format("woff"), /* woff works */
		url("../fonts/Junicode-BoldItalic.ttf") format("truetype"); /* "older browsers, especially on mobile" */

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Junicode";
	font-style: italic;
	font-weight: 400;
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/Junicode-Italic.woff") format("woff"), /* woff works */
		url("../fonts/Junicode-Italic.ttf") format("truetype"); /* "older browsers, especially on mobile" */

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Junicode";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/Junicode-Bold.woff") format("woff"), /* woff works */
		url("../fonts/Junicode-Bold.ttf") format("truetype"); /* "older browsers, especially on mobile" */

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Junicode";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/Junicode.woff") format("woff"), /* woff works */
		url("../fonts/Junicode.ttf") format("truetype"); /* "older browsers, especially on mobile" */

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The font "Liberation Serif". This is NOT a variable font. (The order of these does matter.) */

@font-face { /* bold italic */
	font-family: "Liberation Serif";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/LiberationSerif-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Liberation Serif";
	font-style: italic;
	font-weight: 400;
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/LiberationSerif-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Liberation Serif";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/LiberationSerif-Bold.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Liberation Serif";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/LiberationSerif-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*   S T A T I C   F O N T S   H A V I N G   N O   I T A L I C S ,   P R O V I D E D   BY   G O O G L E   */



/* The Google font "Lusitana". This is NOT a variable font. (The order of these does matter.) */

@font-face { /* bold */
	font-family: "Lusitana";
	font-style: normal;
	font-weight: 700; /* bold */
	src: url("../fonts/Lusitana-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
  	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
  		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Lusitana";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/Lusitana-Regular.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
  	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
  		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*   S T A T I C   F O N T S   P R O V I D E D   BY   G O O G L E   */



/* The Google font "Crimson Text". This is NOT a variable font. (The order of these does matter.) */

@font-face { /* bold italic */
	font-family: "Crimson Text";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/CrimsonText-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Crimson Text";
	font-style: italic;
	font-weight: 400; /* normal */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/CrimsonText-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Crimson Text";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/CrimsonText-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Crimson Text";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/CrimsonText-Regular.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Noto Sans". This is NOT a variable font. (The order of these does matter.) */
/* This font is NOT a Windows font just because I happen to have it in MY C:\Windows\Fonts folder. */
@font-face { /* bold italic */
	font-family: "Noto Sans";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/NotoSans-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Noto Sans";
	font-style: italic;
	font-weight: 400; /* normal */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/NotoSans-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/NotoSans-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/NotoSans-Regular.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Roboto Condensed". This is NOT a variable font. (The order of these does matter.) */

@font-face { /* bold italic */
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/RobotoCondensed-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 400;
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/RobotoCondensed-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Source Sans Pro". This is NOT a variable font. (The order of these does matter.) */
/* This font is NOT a Windows font just because I happen to have it in MY C:\Windows\Fonts folder. */
@font-face { /* bold italic */
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSansPro-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 400; /* normal */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSansPro-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSansPro-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Source Serif Pro". This is NOT a variable font. (The order of these does matter.) */
/* This font is NOT a Windows font just because I happen to have it in MY C:\Windows\Fonts folder. */
@font-face { /* bold italic */
	font-family: "Source Serif Pro";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSerifPro-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Source Serif Pro";
	font-style: italic;
	font-weight: 400; /* normal */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSerifPro-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Source Serif Pro";
	font-style: normal;
	font-weight: 700; /* bold */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSerifPro-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Source Serif Pro";
	font-style: normal;
	font-weight: 400; /* Normal is 400; but among even hundreds, bold first at 700 (at least MS Edge and Opera). */
	src: 
		/* Local file has been left out. Doing so eliminates the risk of questionable quality versions. */
		url("../fonts/SourceSerifPro-Regular.ttf") format("truetype");
		
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*   V A R I A B L E   F O N T S   */



/* The Google font "Archivo Narrow". This is a variable font (and "it is better to use variable
 * font to reduce font payload and increase performance"). (The order of these does matter.)
 */

@font-face { /* bold italic */
	font-family: "Archivo Narrow";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		url("../fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype-variations"),

		/* static font for browsers that don't support variable font */
		url("../fonts/ArchivoNarrow-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Archivo Narrow";
	font-style: italic;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		url("../fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/ArchivoNarrow-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Archivo Narrow";
	font-style: normal;
	font-weight: 700; /* bold is 700 */
	src: 
		url("../fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/ArchivoNarrow-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Archivo Narrow";
	font-style: normal;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		/*
		 * Local files (static font file for browsers that don't support variable font, and a file for browsers
		 * that do support variable font) have been left out. Doing so eliminates the risk of questionable
		 * quality versions. Also, it's unclear under what circumstances which file will be ignored (passed
		 * by), which file that may be attempted to be used without there being browser support for it (causing
		 * user experience problems), and the placement order of the calls to local and non-local font files.
		 */
		url("../fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype-variations"),

		/* "The easiest way to provide a fallback for variable fonts in unsupported legacy browsers like
		 * Internet Explorer or mobile browsers like opera mini and UC browser is to provide two file
		 * versions of the same font inside the @font-face Rule. The first version is the variable font
		 * file having a ‘woff2-variations’ or ‘truetype-variations’ format while the second file is the
		 * traditional static font file having a ‘woff’, ‘woff2’ or ‘ttf’ format. Without providing static
		 * font format, variable fonts will not render on an unsupported browser.
		 * Source: https://www.lambdatest.com/blog/variable-fonts-cross-browser-compatibility/
		 */
		/* static font for browsers that don't support variable font */
		url("../fonts/ArchivoNarrow-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Crimson Pro". This is a variable font (and "it is better to use variable
 * font to reduce font payload and increase performance"). (The order of these does matter.)
 */

@font-face { /* bold italic */
	font-family: "Crimson Pro";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		url("../fonts/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype-variations"),

		/* static font for browsers that don't support variable font */
		url("../fonts/CrimsonPro-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Crimson Pro";
	font-style: italic;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		url("../fonts/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/CrimsonPro-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Crimson Pro";
	font-style: normal;
	font-weight: 700; /* bold is 700 */
	src: 
		url("../fonts/CrimsonPro-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/CrimsonPro-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/CrimsonPro-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Crimson Pro";
	font-style: normal;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		/*
		 * Local files (static font file for browsers that don't support variable font, and a file for browsers
		 * that do support variable font) have been left out. Doing so eliminates the risk of questionable
		 * quality versions. Also, it's unclear under what circumstances which file will be ignored (passed
		 * by), which file that may be attempted to be used without there being browser support for it (causing
		 * user experience problems), and the placement order of the calls to local and non-local font files.
		 */
		url("../fonts/CrimsonPro-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/CrimsonPro-VariableFont_wght.ttf") format("truetype-variations"),

		/* "The easiest way to provide a fallback for variable fonts in unsupported legacy browsers like
		 * Internet Explorer or mobile browsers like opera mini and UC browser is to provide two file
		 * versions of the same font inside the @font-face Rule. The first version is the variable font
		 * file having a ‘woff2-variations’ or ‘truetype-variations’ format while the second file is the
		 * traditional static font file having a ‘woff’, ‘woff2’ or ‘ttf’ format. Without providing static
		 * font format, variable fonts will not render on an unsupported browser.
		 * Source: https://www.lambdatest.com/blog/variable-fonts-cross-browser-compatibility/
		 */
		/* static font for browsers that don't support variable font */
		url("../fonts/CrimsonPro-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Exo 2". This is a variable font (and "it is better to use variable
 * font to reduce font payload and increase performance"). (The order of these does matter.)
 */

@font-face { /* bold italic */
	font-family: "Exo 2";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		url("../fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype-variations"),

		/* static font for browsers that don't support variable font */
		url("../fonts/Exo2-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Exo 2";
	font-style: italic;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		url("../fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/Exo2-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 700; /* bold is 700 */
	src: 
		url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/Exo2-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		/*
		 * Local files (static font file for browsers that don't support variable font, and a file for browsers
		 * that do support variable font) have been left out. Doing so eliminates the risk of questionable
		 * quality versions. Also, it's unclear under what circumstances which file will be ignored (passed
		 * by), which file that may be attempted to be used without there being browser support for it (causing
		 * user experience problems), and the placement order of the calls to local and non-local font files.
		 */
		url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype-variations"),

		/* "The easiest way to provide a fallback for variable fonts in unsupported legacy browsers like
		 * Internet Explorer or mobile browsers like opera mini and UC browser is to provide two file
		 * versions of the same font inside the @font-face Rule. The first version is the variable font
		 * file having a ‘woff2-variations’ or ‘truetype-variations’ format while the second file is the
		 * traditional static font file having a ‘woff’, ‘woff2’ or ‘ttf’ format. Without providing static
		 * font format, variable fonts will not render on an unsupported browser.
		 * Source: https://www.lambdatest.com/blog/variable-fonts-cross-browser-compatibility/
		 */
		/* static font for browsers that don't support variable font */
		url("../fonts/Exo2-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Open Sans". This is a variable font (and "it is better to use variable
 * font to reduce font payload and increase performance"). (The order of these does matter.)
 */

@font-face { /* bold italic */
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations"),

		/* static font for browsers that don't support variable font */
		url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/OpenSans-Italic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700; /* bold is 700 */
	src: 
		url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/OpenSans-Bold.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		/*
		 * Local files (static font file for browsers that don't support variable font, and a file for browsers
		 * that do support variable font) have been left out. Doing so eliminates the risk of questionable
		 * quality versions. Also, it's unclear under what circumstances which file will be ignored (passed
		 * by), which file that may be attempted to be used without there being browser support for it (causing
		 * user experience problems), and the placement order of the calls to local and non-local font files.
		 */
		url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations"),

		/* "The easiest way to provide a fallback for variable fonts in unsupported legacy browsers like
		 * Internet Explorer or mobile browsers like opera mini and UC browser is to provide two file
		 * versions of the same font inside the @font-face Rule. The first version is the variable font
		 * file having a ‘woff2-variations’ or ‘truetype-variations’ format while the second file is the
		 * traditional static font file having a ‘woff’, ‘woff2’ or ‘ttf’ format. Without providing static
		 * font format, variable fonts will not render on an unsupported browser.
		 * Source: https://www.lambdatest.com/blog/variable-fonts-cross-browser-compatibility/
		 */
		/* static font for browsers that don't support variable font */
		url("../fonts/OpenSans-Regular.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* The Google font "Source Sans 3". This is a variable font (and "it is better to use variable
 * font to reduce font payload and increase performance"). (The order of these does matter.)
 */

 @font-face { /* bold italic */
	font-family: "Source Sans 3";
	font-style: italic;
	font-weight: 700; /* bold */
	src: 
		url("../fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype-variations"),

		/* static font for browsers that don't support variable font */
		url("../fonts/SourceSans3-BoldItalic.ttf") format("truetype");

	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* italic */
	font-family: "Source Sans 3";
	font-style: italic;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		url("../fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/SourceSans3-Italic.ttf") format("truetype");
 
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* bold */
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 700; /* bold is 700 */
	src: 
		url("../fonts/SourceSans3-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/SourceSans3-VariableFont_wght.ttf") format("truetype-variations"),
		
		/* static font for browsers that don't support variable font */
		url("../fonts/SourceSans3-Bold.ttf") format("truetype");
 
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* regular */
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400; /* Normal is 400. Can be fine-tuned. (400, 450, and 500 are all different.) */
	src: 
		/*
		 * Local files (static font file for browsers that don't support variable font, and a file for browsers
		 * that do support variable font) have been left out. Doing so eliminates the risk of questionable
		 * quality versions. Also, it's unclear under what circumstances which file will be ignored (passed
		 * by), which file that may be attempted to be used without there being browser support for it (causing
		 * user experience problems), and the placement order of the calls to local and non-local font files.
		 */
		url("../fonts/SourceSans3-VariableFont_wght.ttf") format("truetype supports variations"),
		
		/* for older browsers */
		url("../fonts/SourceSans3-VariableFont_wght.ttf") format("truetype-variations"),
 
		/* "The easiest way to provide a fallback for variable fonts in unsupported legacy browsers like
		 * Internet Explorer or mobile browsers like opera mini and UC browser is to provide two file
		 * versions of the same font inside the @font-face Rule. The first version is the variable font
		 * file having a ‘woff2-variations’ or ‘truetype-variations’ format while the second file is the
		 * traditional static font file having a ‘woff’, ‘woff2’ or ‘ttf’ format. Without providing static
		 * font format, variable fonts will not render on an unsupported browser.
		 * Source: https://www.lambdatest.com/blog/variable-fonts-cross-browser-compatibility/
		 */
		/* static font for browsers that don't support variable font */
		url("../fonts/SourceSans3-Regular.ttf") format("truetype");
 
	/* Range from the CSS behind Google's font links for the Latin character set. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
		U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}