Merge pull request #87 from OpenDyslexic/rebuild

Icon font protection: Font override selectors now use :not(:where(...)) to explicitly exclude icon font elements — Font Awesome (fa-, fas, far, fab, fal, fad), Material Icons/Symbols, Glyphicons, Bootstrap Icons (bi-), Phosphor (ph-), Tabler (ti-), Remix (ri-), and IcoMoon. This prevents OpenDyslexic from breaking icon fonts on websites.

Font & CSS overhaul: Split @font-face declarations into separate families (Regular, Italic, Bold, Bold Italic) with font-display: swap, explicit numeric weights, and Arial, sans-serif fallback stacks.

Added CSS variables (--opendyslexic-regular, --opendyslexic-line-height, etc.) for consistency.

Added helper classes for each font variant (opendyslexic-font-regular, -italic, -bold).

Popup UI accessibility: Refactored app.vue with ARIA roles, rel="noopener" on external links, improved list/button semantics. Simplified index.html with proper lang, charset, viewport, and data-theme.

New adverts.js module: Centralized promotional link management.

Jest test suite: Added Babel/Jest config, Chrome API mocks, and 5 test files covering background scripts, content scripts (badge, engine, utils), and adverts.

CSS formatting: Standardized indentation to tabs, normalized quote styles across all stylesheets.

We added unicode-range to all 8 @font-face declarations across app.css and core/opendyslexic.css to scope OpenDyslexic to its actual glyph coverage (Latin, Vietnamese, punctuation, math operators, Euro/trademark, and fi/fl ligatures), so the browser falls back to system fonts for unsupported characters instead of rendering blanks.

Author: RobertJGabriel

.DS_Store

@@ -1,43 +1,48 @@
 @font-face {
 	font-family: 'opendyslexic';
 	src: url('/assets/fonts/opendyslexic/regular.otf');
+	font-display: swap;
 	font-style: normal;
-	font-weight: normal;
+	font-weight: 400;
+	unicode-range: U+0000-024F, U+0300-036F, U+02B0-02FF, U+03C0, U+1E00-1EFF,
+		U+2000-206F, U+20AC, U+2122-2126, U+2200-22FF, U+25CA, U+FB01-FB02;
 }
 
 @font-face {
 	font-family: 'opendyslexic';
 	src: url('/assets/fonts/opendyslexic/italic.otf');
+	font-display: swap;
 	font-style: italic;
-	font-weight: normal;
+	font-weight: 400;
+	unicode-range: U+0000-024F, U+0300-036F, U+02B0-02FF, U+03C0, U+1E00-1EFF,
+		U+2000-206F, U+20AC, U+2122-2126, U+2200-22FF, U+25CA, U+FB01-FB02;
 }
 
 @font-face {
 	font-family: 'opendyslexic';
 	src: url('/assets/fonts/opendyslexic/bold.otf');
-	font-weight: bold;
+	font-display: swap;
+	font-weight: 700;
 	font-style: normal;
+	unicode-range: U+0000-024F, U+0300-036F, U+02B0-02FF, U+03C0, U+1E00-1EFF,
+		U+2000-206F, U+20AC, U+2122-2126, U+2200-22FF, U+25CA, U+FB01-FB02;
 }
 
 @font-face {
 	font-family: 'opendyslexic';
 	src: url('/assets/fonts/opendyslexic/bold-italic.otf');
-	font-weight: bold;
+	font-display: swap;
+	font-weight: 700;
 	font-style: italic;
-}
-
-@font-face {
-	font-family: 'opendyslexicmono';
-	src: url('/assets/fonts/opendyslexic/regular.otf');
-	font-weight: normal;
-	font-style: normal;
+	unicode-range: U+0000-024F, U+0300-036F, U+02B0-02FF, U+03C0, U+1E00-1EFF,
+		U+2000-206F, U+20AC, U+2122-2126, U+2200-22FF, U+25CA, U+FB01-FB02;
 }
 
 .viewport,
 body {
 	width: 290px;
 	height: 530px;
-	font-family: 'opendyslexic';
+	font-family: 'opendyslexic', Arial, sans-serif;
 	background-color: #55b685;
 }