38 lines
638 B
HTML
38 lines
638 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
|
|
<title>CSS Fonts reference: oblique/italic fallback</title>
|
|
|
|
<style>
|
|
@font-face {
|
|
font-family: ref1;
|
|
src: url("resources/markA.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ref2;
|
|
src: url("resources/markA.ttf");
|
|
size-adjust: 50%;
|
|
}
|
|
|
|
div {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.ref1 {
|
|
font-family: ref1, serif;
|
|
}
|
|
|
|
.ref2 {
|
|
font-family: ref2, serif;
|
|
}
|
|
</style>
|
|
|
|
<div class="ref1">A<span class="ref2">A</span></div>
|
|
<div class="ref1">A<span class="ref2">A</span></div>
|
|
<br>
|
|
<div class="ref1">A<span class="ref2">A</span></div>
|
|
<div class="ref1">AA</div>
|
|
<br>
|
|
<div class="ref1">AA</div>
|
|
<div class="ref1">AA</div>
|