1 reply [Last post]
Roberta_B-C
Roberta_B-C's picture
Offline
newbie
Las Vegas
Last seen: 3 years 26 weeks ago
Las Vegas
Timezone: GMT-7
Joined: 2016-04-12
Posts: 1
Points: 2

With Windows 7, the WEFT (Web Embedding Font Tool) with System 7 worked just fine. Not with System 10. Utilizing Font Squirrel's font tool I can use CSS to have different (read that as uncommon) fonts on websites but not in all five of the most common newest browsers (MS Edge, Opera, Chrome, Firefox, and Safari). MS Edge and Firefox just won't work with the CSS method of embedding a font.

For the record, here is what I normally use on my stylesheet:

@font-face {
font-family: 'dalekregular';
src: url('dalek___-webfont.eot');
src: url('dalek___-webfont.eot?#iefix') format('embedded-opentype'),
url('dalek___-webfont.woff2') format('woff2'),
url('dalek___-webfont.woff') format('woff'),
url('dalek___-webfont.ttf') format('truetype'),
url('dalek___-webfont.svg#dalekregular') format('svg');
font-weight: normal;
font-style: normal;

}

Any suggestions would be of great help!

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 10 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

I guess you can better rename

I guess you can better rename the files to something like dalek-webfont (for all the font files).
Also remove the font-weight and font-style, this should be added for the classes itself and not for the font.
For the rest, everything seems fine to me. Did you add the following code to HTML?
font-family: 'dalekregular', Fallback, sans-serif;

It should work for Firefox and Edge for sure.

Check Maximum Webdesign for your online solutions