Hey, Ive been trying to use @font-face a few times over the past two years and it never works for me so I end up using a plugin. But my site is slow and Id really like to know what Im doing wrong.
I added a fonts folder to my x child theme.
Ive tried
font-face {
@font-family: âamerican-typewriterâ; /home/l2122781779017/html/wp-content/themes/x-child/fonts
src: url(âhttp://fatcatpaperie.com/home/12122781779017/html/wp-content/themes/x-child/fonts/american-typewriter.woffâ),
url(âhttp://fatcatpaperie.com/home/12122781779017/html/wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âwoffâ),
url(âhttp://fatcatpaperie.com/home/12122781779017/html//wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âtruetypeâ),
url(âhttp://fatcatpaperie.com/home/12122781779017/html/wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âsvgâ);
font-weight: normal;
font-style: normal;
}
and
@font-face {
font-family: âamerican-typewriterâ;
src: url(âhttp://fatcatpaperie.com/wp-content/themes/x-child/fonts/american-typewriter.woffâ),
url(âhttp://fatcatpaperie.com/wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âwoffâ),
url(âhttp://fatcatpaperie.com/wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âtruetypeâ),
url(âhttp://fatcatpaperie.com/wp-content/themes/x-child/fonts/american-typewriter.woffâ) format(âsvgâ);
font-weight: normal;
font-style: normal;
}
Then added
h1, .h1 {
font-size: 2em;
font-family: âamerican-typewriterâ;
}
Doesnât work. Please tell me what Im doing wrong
Thank you!
Rena