Replace font files, update styles
This commit is contained in:
Christian Cueni
parent
96334b4eb6
commit
dd49d050ef
|
|
@ -31,6 +31,10 @@ svg {
|
||||||
@apply fill-current;
|
@apply fill-current;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
font-feature-settings: "salt";
|
||||||
|
}
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
.it-icon {
|
.it-icon {
|
||||||
@apply inline-block h-8 w-8;
|
@apply inline-block h-8 w-8;
|
||||||
|
|
@ -38,10 +42,12 @@ svg {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@apply text-4xl font-bold md:text-5xl xl:text-7xl;
|
@apply text-4xl font-bold md:text-5xl xl:text-7xl;
|
||||||
|
font-feature-settings: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.heading-1 {
|
.heading-1 {
|
||||||
@apply text-4xl font-bold md:text-5xl xl:text-7xl;
|
@apply text-4xl font-bold md:text-5xl xl:text-7xl;
|
||||||
|
font-feature-settings: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Black.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Black.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Bold.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Bold.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Book.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Book.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-BookItalic.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-BookItalic.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Light.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Light.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-LightItalic.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-LightItalic.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Regular.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Regular.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-SemiBold.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-SemiBold.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Thin.woff2
Executable file → Normal file
BIN
server/vbv_lernwelt/static/fonts/BuenosAires/BuenosAires-Thin.woff2
Executable file → Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,569 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="robots" content="noindex, noarchive">
|
|
||||||
<meta name="format-detection" content="telephone=no">
|
|
||||||
<title>Transfonter demo</title>
|
|
||||||
<link href="stylesheet.css" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
/*
|
|
||||||
http://meyerweb.com/eric/tools/css/reset/
|
|
||||||
v2.0 | 20110126
|
|
||||||
License: none (public domain)
|
|
||||||
*/
|
|
||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, embed,
|
|
||||||
figure, figcaption, footer, header, hgroup,
|
|
||||||
menu, nav, output, ruby, section, summary,
|
|
||||||
time, mark, audio, video {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
/* HTML5 display-role reset for older browsers */
|
|
||||||
article, aside, details, figcaption, figure,
|
|
||||||
footer, header, hgroup, menu, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
blockquote:before, blockquote:after,
|
|
||||||
q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
/* demo styles */
|
|
||||||
body {
|
|
||||||
background: #f0f0f0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
.page {
|
|
||||||
background: #fff;
|
|
||||||
width: 920px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px 20px 0 20px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.font-container {
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
line-height: 1.3;
|
|
||||||
white-space: nowrap;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
position: relative;
|
|
||||||
background: #444;
|
|
||||||
font-size: 32px;
|
|
||||||
color: #fff;
|
|
||||||
padding: 10px 20px;
|
|
||||||
margin: 0 -20px 12px -20px;
|
|
||||||
}
|
|
||||||
.letters {
|
|
||||||
font-size: 25px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.s10:before {
|
|
||||||
content: '10px';
|
|
||||||
}
|
|
||||||
.s11:before {
|
|
||||||
content: '11px';
|
|
||||||
}
|
|
||||||
.s12:before {
|
|
||||||
content: '12px';
|
|
||||||
}
|
|
||||||
.s14:before {
|
|
||||||
content: '14px';
|
|
||||||
}
|
|
||||||
.s18:before {
|
|
||||||
content: '18px';
|
|
||||||
}
|
|
||||||
.s24:before {
|
|
||||||
content: '24px';
|
|
||||||
}
|
|
||||||
.s30:before {
|
|
||||||
content: '30px';
|
|
||||||
}
|
|
||||||
.s36:before {
|
|
||||||
content: '36px';
|
|
||||||
}
|
|
||||||
.s48:before {
|
|
||||||
content: '48px';
|
|
||||||
}
|
|
||||||
.s60:before {
|
|
||||||
content: '60px';
|
|
||||||
}
|
|
||||||
.s72:before {
|
|
||||||
content: '72px';
|
|
||||||
}
|
|
||||||
.s10:before, .s11:before, .s12:before, .s14:before,
|
|
||||||
.s18:before, .s24:before, .s30:before, .s36:before,
|
|
||||||
.s48:before, .s60:before, .s72:before {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
color: #999;
|
|
||||||
padding-right: 6px;
|
|
||||||
}
|
|
||||||
pre {
|
|
||||||
display: block;
|
|
||||||
padding: 9px;
|
|
||||||
margin: 0 0 12px;
|
|
||||||
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.428571429;
|
|
||||||
color: #333;
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
overflow-x: auto;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
/* responsive */
|
|
||||||
@media (max-width: 959px) {
|
|
||||||
.page {
|
|
||||||
width: auto;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="page">
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: bold; font-style: normal;">Buenos Aires Bold</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Bold.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: bold; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 300; font-style: italic;">Buenos Aires Light Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-LightItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 300; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: normal; font-style: normal;">Buenos Aires Regular</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Regular.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: normal; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: bold; font-style: italic;">Buenos Aires Bold Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-BoldItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: bold; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 600; font-style: normal;">Buenos Aires SemiBold</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-SemiBold.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 600; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 600; font-style: italic;">Buenos Aires SemiBold Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-SemiBoldItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 600; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 100; font-style: normal;">Buenos Aires Thin</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 100;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Thin.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 100; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 100; font-style: italic;">Buenos Aires Thin Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 100;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-ThinItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 100; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 300; font-style: normal;">Buenos Aires Book</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Book.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 300; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 300; font-style: italic;">Buenos Aires Book Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-BookItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 300; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 300; font-style: normal;">Buenos Aires Light</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Light.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 300; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 900; font-style: normal;">Buenos Aires Black</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: normal;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-Black.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 900; font-style: normal;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: 900; font-style: italic;">Buenos Aires Black Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-BlackItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: 900; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo">
|
|
||||||
<h1 style="font-family: 'Buenos Aires'; font-weight: normal; font-style: italic;">Buenos Aires Regular Italic</h1>
|
|
||||||
<pre title="Usage">.your-style {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: italic;
|
|
||||||
}</pre>
|
|
||||||
<pre title="Preload (optional)">
|
|
||||||
<link rel="preload" href="BuenosAires-RegularItalic.woff2" as="font" type="font/woff2" crossorigin></pre>
|
|
||||||
<div class="font-container" style="font-family: 'Buenos Aires'; font-weight: normal; font-style: italic;">
|
|
||||||
<p class="letters">
|
|
||||||
abcdefghijklmnopqrstuvwxyz<br>
|
|
||||||
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
|
||||||
0123456789.:,;()*!?'@#<>$%&^+-=~
|
|
||||||
</p>
|
|
||||||
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,27 +1,19 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-Bold.eot');
|
src: local('Buenos Aires Bold'), local('BuenosAires-Bold'),
|
||||||
src: local('Buenos Aires Bold'), local('BuenosAires-Bold'),
|
url('BuenosAires-Bold.woff2') format('woff2');
|
||||||
url('BuenosAires-Bold.eot?#iefix') format('embedded-opentype'),
|
font-weight: bold;
|
||||||
url('BuenosAires-Bold.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-Bold.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-Bold.ttf') format('truetype');
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-LightItalic.eot');
|
src: local('Buenos Aires Light Italic'), local('BuenosAires-LightItalic'),
|
||||||
src: local('Buenos Aires Light Italic'), local('BuenosAires-LightItalic'),
|
url('BuenosAires-LightItalic.woff2') format('woff2');
|
||||||
url('BuenosAires-LightItalic.eot?#iefix') format('embedded-opentype'),
|
font-weight: 300;
|
||||||
url('BuenosAires-LightItalic.woff2') format('woff2'),
|
font-style: italic;
|
||||||
url('BuenosAires-LightItalic.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-LightItalic.ttf') format('truetype');
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*@font-face {*/
|
/*@font-face {*/
|
||||||
|
|
@ -38,133 +30,57 @@
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-BoldItalic.eot');
|
src: local('Buenos Aires SemiBold'), local('BuenosAires-SemiBold'),
|
||||||
src: local('Buenos Aires Bold Italic'), local('BuenosAires-BoldItalic'),
|
url('BuenosAires-SemiBold.woff2') format('woff2');
|
||||||
url('BuenosAires-BoldItalic.eot?#iefix') format('embedded-opentype'),
|
font-weight: 600;
|
||||||
url('BuenosAires-BoldItalic.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-BoldItalic.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-BoldItalic.ttf') format('truetype');
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-SemiBold.eot');
|
src: local('Buenos Aires Thin'), local('BuenosAires-Thin'),
|
||||||
src: local('Buenos Aires SemiBold'), local('BuenosAires-SemiBold'),
|
url('BuenosAires-Thin.woff2') format('woff2');
|
||||||
url('BuenosAires-SemiBold.eot?#iefix') format('embedded-opentype'),
|
font-weight: 100;
|
||||||
url('BuenosAires-SemiBold.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-SemiBold.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-SemiBold.ttf') format('truetype');
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-SemiBoldItalic.eot');
|
src: local('Buenos Aires Book'), local('BuenosAires-Book'),
|
||||||
src: local('Buenos Aires SemiBold Italic'), local('BuenosAires-SemiBoldItalic'),
|
url('BuenosAires-Book.woff2') format('woff2');
|
||||||
url('BuenosAires-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
|
font-weight: normal;
|
||||||
url('BuenosAires-SemiBoldItalic.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-SemiBoldItalic.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-SemiBoldItalic.ttf') format('truetype');
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-Thin.eot');
|
src: local('Buenos Aires Book Italic'), local('BuenosAires-BookItalic'),
|
||||||
src: local('Buenos Aires Thin'), local('BuenosAires-Thin'),
|
url('BuenosAires-BookItalic.woff2') format('woff2');
|
||||||
url('BuenosAires-Thin.eot?#iefix') format('embedded-opentype'),
|
font-weight: normal;
|
||||||
url('BuenosAires-Thin.woff2') format('woff2'),
|
font-style: italic;
|
||||||
url('BuenosAires-Thin.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-Thin.ttf') format('truetype');
|
|
||||||
font-weight: 100;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-ThinItalic.eot');
|
src: local('Buenos Aires Light'), local('BuenosAires-Light'),
|
||||||
src: local('Buenos Aires Thin Italic'), local('BuenosAires-ThinItalic'),
|
url('BuenosAires-Light.woff2') format('woff2');
|
||||||
url('BuenosAires-ThinItalic.eot?#iefix') format('embedded-opentype'),
|
font-weight: 300;
|
||||||
url('BuenosAires-ThinItalic.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-ThinItalic.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-ThinItalic.ttf') format('truetype');
|
|
||||||
font-weight: 100;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Buenos Aires';
|
font-family: 'Buenos Aires';
|
||||||
src: url('BuenosAires-Book.eot');
|
src: local('Buenos Aires Black'), local('BuenosAires-Black'),
|
||||||
src: local('Buenos Aires Book'), local('BuenosAires-Book'),
|
url('BuenosAires-Black.woff2') format('woff2');
|
||||||
url('BuenosAires-Book.eot?#iefix') format('embedded-opentype'),
|
font-weight: 900;
|
||||||
url('BuenosAires-Book.woff2') format('woff2'),
|
font-style: normal;
|
||||||
url('BuenosAires-Book.woff') format('woff'),
|
font-display: swap;
|
||||||
url('BuenosAires-Book.ttf') format('truetype');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
src: url('BuenosAires-BookItalic.eot');
|
|
||||||
src: local('Buenos Aires Book Italic'), local('BuenosAires-BookItalic'),
|
|
||||||
url('BuenosAires-BookItalic.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('BuenosAires-BookItalic.woff2') format('woff2'),
|
|
||||||
url('BuenosAires-BookItalic.woff') format('woff'),
|
|
||||||
url('BuenosAires-BookItalic.ttf') format('truetype');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
src: url('BuenosAires-Light.eot');
|
|
||||||
src: local('Buenos Aires Light'), local('BuenosAires-Light'),
|
|
||||||
url('BuenosAires-Light.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('BuenosAires-Light.woff2') format('woff2'),
|
|
||||||
url('BuenosAires-Light.woff') format('woff'),
|
|
||||||
url('BuenosAires-Light.ttf') format('truetype');
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
src: url('BuenosAires-Black.eot');
|
|
||||||
src: local('Buenos Aires Black'), local('BuenosAires-Black'),
|
|
||||||
url('BuenosAires-Black.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('BuenosAires-Black.woff2') format('woff2'),
|
|
||||||
url('BuenosAires-Black.woff') format('woff'),
|
|
||||||
url('BuenosAires-Black.ttf') format('truetype');
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Buenos Aires';
|
|
||||||
src: url('BuenosAires-BlackItalic.eot');
|
|
||||||
src: local('Buenos Aires Black Italic'), local('BuenosAires-BlackItalic'),
|
|
||||||
url('BuenosAires-BlackItalic.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('BuenosAires-BlackItalic.woff2') format('woff2'),
|
|
||||||
url('BuenosAires-BlackItalic.woff') format('woff'),
|
|
||||||
url('BuenosAires-BlackItalic.ttf') format('truetype');
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: italic;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*@font-face {*/
|
/*@font-face {*/
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue