I write css style. Like this:
@font-face {
font-family: PT-Serif-Regular;
src: url(pt-serif.regular.ttf);
}
body {
font-family: PT-Serif-Regular, sans-serif;
}
Everything under paragraph is the font that I want.
The problem occurs in the title.
Is there a difference between paragraphs and headings .
The text under h1 and h2, are not recognizable.
Since H1 and H2 are styled as bold by default you also have to define the font file to use for that variant of your font family.
@font-face {
font-family: PT-Serif-Regular;
font-variant: normal;
font-weight: bold;
src: url("pt-serif.regular.ttf") format("truetype");
}
Might have to update the documentation about that...
Most helpful comment
Since H1 and H2 are styled as bold by default you also have to define the font file to use for that variant of your font family.