CODEWITHSUNDEEP
cssfontsfont-facefont-familytypekit
Heraldmonkey
Heraldmonkey

Reputation: 2171

Forcing use of online webfont over local font, when unable to change font-family

I'm using a webfont that I also have installed on my system. I want the webpage to force the display of the remotely-served font INSTEAD of my local copy. I've seen this question answered here except that solution assumes I can edit the font-family name, which I cannot (I'm using TypeKit and Hoefler fonts and they only provide a JS to load the fonts).

Any ideas?

Upvotes: 4

Views: 2639

Answers (1)

RoelN
RoelN

Reputation: 2321

You'll have to overwrite the CSS generated by the Typekit JavaScript so that it skips the local version of the font. Examine the @font-face rule generated by Typekit, copy it to your CSS, and remove the local() part.

Upvotes: 1

Related Questions