Hi…
I already put
type: writer
marks:
- bold
- italic
- strike
and already import font-face italic option…
but in panel, I can see bold and italic and strike but not applied on real.
please help me…
So the marks are working, but just importing a font is not enough, you also have to apply the fonts to the tags.
thanks! but apply the fonts to where…?
When you check in Inspector, does it say font-style: italic for the em tag etc.?
oh yes! they said font-style: italic;
but nothing happend…
And what do your font-face rules look like?
@font-face {
font-family: ‘GT America’;
src: url(’…/fonts/GT-America-Standard-Regular.woff2’) format(‘woff2’),
url(’…/fonts/GT-America-Standard-Regular.woff’) format(‘woff’),
url(’…/fonts/GT-America-Standard-Regular.ttf’) format(‘truetype’);
}
@font-face {
font-family: ‘GT America’;
src:
url(’…/fonts/GT-America-Standard-Regular-Italic.woff2’) format(‘woff2’),
url(’…/fonts/GT-America-Standard-Regular-Italic.woff’) format(‘woff’),
url(’…/fonts/GT-America-Standard-Regular-Italic.ttf’) format(‘truetype’);
font-style: italic;
}
And the path is correct in relation to where you are loading the font? I mean, is the font correctly loaded for the regular font style?
yes. Elsewhere, italic works fine…
Is there something online to see this at work? This is like groping in the dark and most likely not even Kirby related.
It’s what I thought and @pixelijn already asked above. There is simply no font-style: italic for <em> defined. If I make it italic manually, it works:
If you look closely at the source of this setting, you will see that is says user agent stylesheet which is obviously overwritten in your stylesheet.
Just set those styles explicitly in your stylesheet and you are good.
wowowowow!!! thanks!!! it works!!