Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I can embed a custom font with @font-face in the css like this:

@font-face{ font-family: MyFont; src: url('fonts/font.ttf'); }

But when I save the page on my computer to see the page as local, the font is not saved. I tried this with Firefox and Chrome and the issue is the same in both.

How can I force embed the font with save page as ?

share|improve this question

migrated from Jan 24 '13 at 2:20

This question came from our site for professional and enthusiast programmers.

this might go under superuser. depends on where your looking for the resolution. – TMB Jan 23 '13 at 21:06
Agreed - not only do I think this will be browser / OS specific and next to impossible to force for everyone... I think it's also better suited for SU. – rlemon Jan 23 '13 at 21:51
Save Page As won't know how to follow url(); in CSS. You'll need to grab those files manually. – LuckySpoon Jan 24 '13 at 2:23
@LuckySpoon: As the browser can read that url stuff from CSS, it could also save it. That's not really an argument you give. – hakre Jan 24 '13 at 3:05
Which browser are you saving the file with? – hakre Jan 24 '13 at 3:06

This can be easily done with the command line tool wget. Download it and then enter in your command line:

wget -p -k

Wget will download all CSS, JS and Webfonts.

share|improve this answer

You must log in to answer this question.