Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>CSS Reference</title>
<style>
@font-face {
font-family: TestWeight;
src: url(resources/csstest-weights-100-kerned.ttf);
font-weight: 200 300;
}
@font-face {
font-family: TestWeight;
src: url(resources/csstest-weights-900-kerned.ttf);
font-weight: 300 400;
}
@font-face {
font-family: TestStyle;
src: url(resources/csstest-weights-100-kerned.ttf);
font-style: oblique 20deg 30deg;
}
@font-face {
font-family: TestStyle;
src: url(resources/csstest-weights-900-kerned.ttf);
font-style: oblique 30deg 40deg;
}
@font-face {
font-family: TestStretch;
src: url(resources/csstest-weights-100-kerned.ttf);
font-stretch: 110% 120%;
}
@font-face {
font-family: TestStretch;
src: url(resources/csstest-weights-900-kerned.ttf);
font-stretch: 120% 130%;
}
</style>
<p style="font-family: TestWeight; font-weight: 250;">A</p>
<p style="font-family: TestStyle; font-style: oblique 25deg;">A</p>
<p style="font-family: TestStretch; font-stretch: 115%;">A</p>