adding new font updating CSS
-
Hello,
I’m writing to you because I am trying to add a font to my blog by editing the css file by adding this:
@font-face {
font-family: ‘Amatic SC’;
font-style: normal;
font-weight: 400;
src: local(‘Amatic SC Regular’), local(‘AmaticSC-Regular’), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format(‘woff’);
}but when I save it, wordpress transforms it into this:
@font-face {
font-family: ‘Amatic SC’;
font-style: normal;
font-weight: 400;
src: local(‘Amatic SC Regular’), local(‘AmaticSC-Regular’), format(“woff”);
}it skips the url parameter url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) which makes it useless if I want to add my font. It is annoying how limited wordpress.com is when it comes to adding a new font, the only automated way to do it is by using typekit which, of course, does not have the font I require.
I really hope you can solve this. WordPress was supposed to be fully customizable and as of now it is far from it. I’m very unhappy with this tool as I already upgraded (paid $99) to a more professional package and still cannot customize my blog the way I want it.
Thanks,
-
Hi there, fonts that aren’t part of Typekit can’t be loaded through CSS. It’s considered a security issue by our system as it could be used to force corrupt or infected font files on visitors. We are always re-evaluating our security filters, so that might change, but for now Typekit is the best way to change your fonts.
Typekit does include Amatic SC:
https://typekit.com/eulas/0000000000000000000122beYou can use that font by following these advanced Typekit instructions:
https://en.support.wordpress.com/custom-design/custom-fonts/#advanced-mode
If you need further help getting this set up, just let me know.
- The topic ‘adding new font updating CSS’ is closed to new replies.