jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[CODE] self-host google fonts

Browse source
This commit is contained in:
Jannik Beyerstedt 2017-11-20 20:58:56 +01:00
parent 853074ecd0
commit eb502eceae
50 changed files with 167 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

83
assets/scss/_fonts.scss Normal file
View file

@ -0,0 +1,83 @@
/* alegreya-sans-100 - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: normal;
font-weight: 100;
src: local('Alegreya Sans Thin'), local('AlegreyaSans-Thin'),
url('../fonts/alegreya-sans-v8-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-300 - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: normal;
font-weight: 300;
src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'),
url('../fonts/alegreya-sans-v8-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-regular - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: normal;
font-weight: 400;
src: /*local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'),*/
url('../fonts/alegreya-sans-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-italic - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: italic;
font-weight: 400;
src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'),
url('../fonts/alegreya-sans-v8-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-500 - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: normal;
font-weight: 500;
src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'),
url('../fonts/alegreya-sans-v8-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-500italic - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: italic;
font-weight: 500;
src: local('Alegreya Sans Medium Italic'), local('AlegreyaSans-MediumItalic'),
url('../fonts/alegreya-sans-v8-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-700 - latin */
@font-face {
font-family: 'Alegreya Sans';
font-style: normal;
font-weight: 700;
src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'),
url('../fonts/alegreya-sans-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/alegreya-sans-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* crimson-text-regular - latin */
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 400;
src: /*local('Crimson Text Regular'), local('CrimsonText-Regular'),*/
url('../fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/crimson-text-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* crimson-text-700 - latin */
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 700;
src: /*local('Crimson Text Bold'), local('CrimsonText-Bold'),*/
url('../fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/crimson-text-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

6
assets/scss/main.scss
View file

@ -1,12 +1,14 @@
/* STYLE for jannikbeyerstedt.de
* generic styles
*
* main font: Alegreya Sans
* headings: Crimson Text
* main font: Alegreya Sans (100,300,400,400italic,500,500italic,700)
* headings: Crimson Text (400,700)
* Logo: Boon
*/
@import "mainvariables";
@import "fonts";
body {
margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;

17
assets/scss/templates/home.scss
View file

@ -3,6 +3,21 @@
*/
@import "../mainvariables";
@font-face {
src: url("../../fonts/boon_logo-300.woff") format("woff");
font-family: "Boon-Logo";
font-style: normal;
font-weight: 300;
}
@font-face {
src: url("../../fonts/boon_logo-400.woff") format("woff");
font-family: "Boon-Logo";
font-style: normal;
font-weight: 400;
}
main {
padding-top: 14vh;
@ -34,7 +49,7 @@ main {
p {
margin-top: 0.5em;
font-size: 14px;
font-size: 15px;
letter-spacing: -0.02em;
}