tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Font inclusion fixed for reals now.

Browse Source
This commit is contained in:
Tamius Han 2018-03-14 21:43:58 +01:00
parent c35774c36f
commit b3a842e0b1
2 changed files with 36 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
res/css/font/overpass.css
View File

@ -1,28 +1,28 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-thin.woff2') format('woff2'), /* Super Modern Browsers */ src: url('../../fonts/overpass-webfont/overpass-thin.woff2') format('woff2'); /* Super Modern Browsers */
font-weight: 200; font-weight: 200;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-thin-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-thin-italic.woff2') format('woff2');
font-weight: 200; font-weight: 200;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-extralight.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-extralight.woff2') format('woff2');
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-extralight-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-extralight-italic.woff2') format('woff2');
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
} }
@ -30,15 +30,15 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-light.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-light.woff2') format('woff2');
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-light-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-light-italic.woff2') format('woff2');
font-weight: 400; font-weight: 400;
font-style: italic; font-style: italic;
} }
@ -46,15 +46,15 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-regular.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-regular.woff2') format('woff2');
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-italic.woff2') format('woff2');
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
} }
@ -63,15 +63,15 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-semibold.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-semibold.woff2') format('woff2');
font-weight: 600; font-weight: 600;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-semibold-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-semibold-italic.woff2') format('woff2');
font-weight: 600; font-weight: 600;
font-style: italic; font-style: italic;
} }
@ -80,15 +80,15 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-bold.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-bold.woff2') format('woff2');
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-bold-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-bold-italic.woff2') format('woff2');
font-weight: 700; font-weight: 700;
font-style: italic; font-style: italic;
} }
@ -96,30 +96,30 @@
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-extrabold.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-extrabold.woff2') format('woff2');
font-weight: 800; font-weight: 800;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-extrabold-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-extrabold-italic.woff2') format('woff2');
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-heavy.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-heavy.woff2') format('woff2');
font-weight: 900; font-weight: 900;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'overpass'; font-family: 'font-fak';
src: url('../../fonts/overpass-webfont/overpass-heavy-italic.woff2') format('woff2'), src: url('../../fonts/overpass-webfont/overpass-heavy-italic.woff2') format('woff2');
font-weight: 900; font-weight: 900;
font-style: italic; font-style: italic;
} }

7
res/popup/popup.html
View File

@ -2,9 +2,10 @@
<head> <head>
<title></title> <title></title>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel='stylesheet' type='text/css' href='../css/fonts/overpass.css'> <link rel='stylesheet' type='text/css' href='../css/font/overpass.css'>
<link rel='stylesheet' type='text/css' href='../css/fonts/overpass-mono.css'> <link rel='stylesheet' type='text/css' href='../css/font/overpass-mono.css'>
<style> <style>
html, body { html, body {
width: 780px !important; width: 780px !important;
max-width: 800px !important; max-width: 800px !important;
@ -13,7 +14,7 @@
/* width: 100%; */ /* width: 100%; */
color: #f8f8f8; color: #f8f8f8;
background-color: #1f1f1f; background-color: #1f1f1f;
font-family: "Overpass", "overpass"; font-family: "font-fak"; /* obv. referencing the gob b clip */
font-size: 1em; font-size: 1em;
} }