Hi guys,
I’m really appreciate some help getting my fonts to work. I’m a bit out of my depth with css / javascript. I’ve detailed what I’ve done so far but it doesn’t work / change. I’m just trying to change the menu font for the moment
Thanks in advance for your help!
I’ve created and downloaded a webfontkit using Font Squirrel:
webfontkit-20141013-054317
I’ve upload and unzipped this into wordpress/fonts/ directory
I’ve added the text from generated stylesheet.css to the custom css panel – I’ll add this long text at the bottom of this message for reference.
In the Font Options / Menu FontDeck Font panel I’ve added:
h1{font-family: ‘transatblack’;
font-weight: 400;
font-style: normal;
}
In the Font Options / FontDeck JS Code panel I’ve added:
<script type=”text/javascript”>
WebFontConfig = { fontdeck: { id: ‘20141013-054317’ } };
(function() {
var wf = document.createElement(‘script’);
wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) +
‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’;
wf.type = ‘text/javascript’;
wf.async = ‘true’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
stylesheet.css is as follows:
@font-face {
font-family: ‘transatblack’;
src: url(‘typetanic_fonts_-_transatblack-webfont.eot’);
src: url(‘typetanic_fonts_-_transatblack-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘typetanic_fonts_-_transatblack-webfont.woff2’) format(‘woff2’),
url(‘typetanic_fonts_-_transatblack-webfont.woff’) format(‘woff’),
url(‘typetanic_fonts_-_transatblack-webfont.ttf’) format(‘truetype’),
url(‘typetanic_fonts_-_transatblack-webfont.svg#transatblack’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘transatmedium’;
src: url(‘typetanic_fonts_-_transatmedium-webfont.eot’);
src: url(‘typetanic_fonts_-_transatmedium-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘typetanic_fonts_-_transatmedium-webfont.woff2’) format(‘woff2’),
url(‘typetanic_fonts_-_transatmedium-webfont.woff’) format(‘woff’),
url(‘typetanic_fonts_-_transatmedium-webfont.ttf’) format(‘truetype’),
url(‘typetanic_fonts_-_transatmedium-webfont.svg#transatmedium’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘transatstandard’;
src: url(‘typetanic_fonts_-_transatstandard-webfont.eot’);
src: url(‘typetanic_fonts_-_transatstandard-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘typetanic_fonts_-_transatstandard-webfont.woff2’) format(‘woff2’),
url(‘typetanic_fonts_-_transatstandard-webfont.woff’) format(‘woff’),
url(‘typetanic_fonts_-_transatstandard-webfont.ttf’) format(‘truetype’),
url(‘typetanic_fonts_-_transatstandard-webfont.svg#transatstandard’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
.