diegoenriquezserrano.dev
A collection of open webfonts hosted on a multi-region CDN. Available for direct use. https://fonts.diegoenriquezserrano.dev
work directory
+227
+1
scss/abstracts/_font.scss
+1
scss/abstracts/_font.scss
···
1
+
$base-url: "https://fonts.diegoenriquezserrano.dev/fonts";
+23
scss/liberation-mono.scss
+23
scss/liberation-mono.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Liberation Mono";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/liberation-mono.woff") format("woff");
8
+
}
9
+
10
+
.font-liberation-mono {
11
+
font-family: "Liberation Mono";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Liberation Mono Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/liberation-mono-bold.woff") format("woff");
19
+
}
20
+
21
+
.font-liberation-mono-bold {
22
+
font-family: "Liberation Mono Bold";
23
+
}
+45
scss/libre-franklin.scss
+45
scss/libre-franklin.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Libre Franklin";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/libre-franklin.woff2") format("woff2");
8
+
}
9
+
10
+
.font-libre-franklin {
11
+
font-family: "Libre Franklin";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Libre Franklin Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/libre-franklin-bold.woff2") format("woff2");
19
+
}
20
+
21
+
.font-libre-franklin-bold {
22
+
font-family: "Libre Franklin Bold";
23
+
}
24
+
25
+
@font-face {
26
+
font-display: swap;
27
+
font-family: "Libre Franklin Italic";
28
+
font-style: italic;
29
+
src: url("#{font.$base-url}/libre-franklin-italic.woff2") format("woff2");
30
+
}
31
+
32
+
.font-libre-franklin-italic {
33
+
font-family: "Libre Franklin Italic";
34
+
}
35
+
36
+
@font-face {
37
+
font-display: swap;
38
+
font-family: "Libre Franklin Bold Italic";
39
+
font-style: italic;
40
+
src: url("#{font.$base-url}/libre-franklin-bold-italic.woff2") format("woff2");
41
+
}
42
+
43
+
.font-libre-franklin-bold-italic {
44
+
font-family: "Libre Franklin Bold Italic";
45
+
}
+45
scss/open-sans.scss
+45
scss/open-sans.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Open Sans";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/open-sans.woff2") format("woff2");
8
+
}
9
+
10
+
.font-open-sans {
11
+
font-family: "Open Sans";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Open Sans Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/open-sans-bold.woff2") format("woff2");
19
+
}
20
+
21
+
.font-open-sans-bold {
22
+
font-family: "Open Sans Bold";
23
+
}
24
+
25
+
@font-face {
26
+
font-display: swap;
27
+
font-family: "Open Sans Italic";
28
+
font-style: italic;
29
+
src: url("#{font.$base-url}/open-sans-italic.woff2") format("woff2");
30
+
}
31
+
32
+
.font-open-sans-italic {
33
+
font-family: "Open Sans Italic";
34
+
}
35
+
36
+
@font-face {
37
+
font-display: swap;
38
+
font-family: "Open Sans Bold Italic";
39
+
font-style: italic;
40
+
src: url("#{font.$base-url}/open-sans-bold-italic.woff2") format("woff2");
41
+
}
42
+
43
+
.font-open-sans-bold-italic {
44
+
font-family: "Open Sans Bold Italic";
45
+
}
+45
scss/orbitron.scss
+45
scss/orbitron.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Orbitron";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/orbitron.woff2") format("woff2");
8
+
}
9
+
10
+
.font-orbitron {
11
+
font-family: "Orbitron";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Orbitron Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/orbitron-bold.woff2") format("woff2");
19
+
}
20
+
21
+
.font-orbitron-bold {
22
+
font-family: "Orbitron Bold";
23
+
}
24
+
25
+
@font-face {
26
+
font-display: swap;
27
+
font-family: "Orbitron Light";
28
+
font-style: normal;
29
+
src: url("#{font.$base-url}/orbitron-light.woff2") format("woff2");
30
+
}
31
+
32
+
.font-orbitron-light {
33
+
font-family: "Orbitron Light";
34
+
}
35
+
36
+
@font-face {
37
+
font-display: swap;
38
+
font-family: "Orbitron Black";
39
+
font-style: normal;
40
+
src: url("#{font.$base-url}/orbitron-black.woff2") format("woff2");
41
+
}
42
+
43
+
.font-orbitron-black {
44
+
font-family: "Orbitron Black";
45
+
}
+23
scss/roboto-mono.scss
+23
scss/roboto-mono.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Roboto Mono";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/roboto-mono.woff2") format("woff2");
8
+
}
9
+
10
+
.font-roboto-mono {
11
+
font-family: "Roboto Mono";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Roboto Mono Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/roboto-mono-bold.woff2") format("woff2");
19
+
}
20
+
21
+
.font-roboto-mono-bold {
22
+
font-family: "Roboto Mono Bold";
23
+
}
+45
scss/roboto.scss
+45
scss/roboto.scss
···
1
+
@use "abstracts/font";
2
+
3
+
@font-face {
4
+
font-display: swap;
5
+
font-family: "Roboto";
6
+
font-style: normal;
7
+
src: url("#{font.$base-url}/roboto.woff2") format("woff2");
8
+
}
9
+
10
+
.font-roboto {
11
+
font-family: "Roboto";
12
+
}
13
+
14
+
@font-face {
15
+
font-display: swap;
16
+
font-family: "Roboto Bold";
17
+
font-style: normal;
18
+
src: url("#{font.$base-url}/roboto-bold.woff2") format("woff2");
19
+
}
20
+
21
+
.font-roboto-bold {
22
+
font-family: "Roboto Bold";
23
+
}
24
+
25
+
@font-face {
26
+
font-display: swap;
27
+
font-family: "Roboto Italic";
28
+
font-style: italic;
29
+
src: url("#{font.$base-url}/roboto-italic.woff2") format("woff2");
30
+
}
31
+
32
+
.font-roboto-italic {
33
+
font-family: "Roboto Italic";
34
+
}
35
+
36
+
@font-face {
37
+
font-display: swap;
38
+
font-family: "Roboto Bold Italic";
39
+
font-style: italic;
40
+
src: url("#{font.$base-url}/roboto-bold-italic.woff2") format("woff2");
41
+
}
42
+
43
+
.font-roboto-bold-italic {
44
+
font-family: "Roboto Bold Italic";
45
+
}