Reply To: Installation of self-hosted font

New Front EN Support Forums Ikebana Theme Support Installation of self-hosted font Reply To: Installation of self-hosted font

#2713
skafte
Participant

Thanks Andrii!

Sorry to get back to you on this one, but I’ve run into another problem with the self-hosted font.

The issue is now that I get faux-italic and bold browser styles in normal texts(!). It worked fine before when, for example, I wrote ‘Circular Black’ in the ‘Headings font’ field, because the weights were still in separate families then. I have now made them all the same family, in order to avoid the issue of faux styles, and given each font file a style (find examples below). Here are the instructions I followed:

http://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles

–but then now I cannot define styles in the ‘Typography’ section of the Themes Options as I can only add the font family and not the weight!? This means that the weight is the same all over the site except for in normal texts where the bold is defined by a ‘b’ or ‘strong’ html tag.

I hope that makes sense. If not, do let me know.

Any suggestions on how to best solve this?

Thanks, and again, sorry to get back to you on this one.

Jonas

@font-face {
font-family: ‘Circular’;
src: url(‘fonts/lineto-circular-mediumitalic.eot’);
src: url(‘fonts/lineto-circular-mediumitalic.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/lineto-circular-mediumitalic.woff’) format(‘woff’),
url(‘fonts/lineto-circular-mediumitalic.ttf’) format(‘truetype’),
url(‘fonts/lineto-circular-mediumitalic.svg#CircularMediumItalic’) format(‘svg’);
font-weight: 600;
font-style: italic;
}

@font-face {
font-family: ‘Circular’;
src: url(‘fonts/lineto-circular-bold.eot’);
src: url(‘fonts/lineto-circular-bold.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/lineto-circular-bold.woff’) format(‘woff’),
url(‘fonts/lineto-circular-bold.ttf’) format(‘truetype’),
url(‘fonts/lineto-circular-bold.svg#CircularBold’) format(‘svg’);
font-weight: 700;
font-style: normal;
}

  • This reply was modified 7 years, 4 months ago by skafte.