Skip to content

F
Fonts
Commit 66c68042 authored by Ed's avatar Ed
Browse files
Options

dinpro bold

parent 663c119b
Hide whitespace changes
Inline Side-by-side
Showing with 36 additions and 2 deletions
DINPro/demo.html
View file @ 66c68042
......@@ -127,7 +127,7 @@
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-weight: inherit;
font-style: normal;
color: #999;
padding-right: 6px;
......@@ -141,7 +141,7 @@
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal !important;
font-weight: inherit !important;
font-style: normal !important;
background-color: #f5f5f5;
border: 1px solid #ccc;
......@@ -176,6 +176,32 @@
</head>
<body>
<div class="page">
<div class="demo" style="font-family: 'DINPro'; font-weight: bold; font-style: normal;">
<h1>DIN Pro Bold</h1>
<pre>.your-style {
font-family: 'DINPro-Bold';
font-weight: bold;
font-style: normal;
<div class="font-container">
<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" style="font-family: 'DINPro'; font-weight: normal; font-style: normal;">
<h1>DIN Pro</h1>
<pre>.your-style {
......
DINPro/stylesheet.css
View file @ 66c68042
......@@ -7,3 +7,11 @@
font-style: normal;
}
@font-face {
font-family: 'DINPro';
src: url('DINPro-Bold.woff2') format('woff2'),
url('DINPro-Bold.woff') format('woff'),
url('DINPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment