Check out the WebFont.load command in this github repo: https://github.com/typekit/webfontloader You can load whatever font you want dynamically: <script src=”http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js”></script> <script> WebFont.load({ google: { families: [‘Droid Sans’, ‘Droid Serif’] } }); </script>
As per ScottGu’s blog: In cases where the content is valid as code as well (and you want to treat it as content), you can explicitly escape out @ characters by typing @@. http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx
There actually is a built-in “Import” function which allows you to import your current set of icons and modify it:
I found a solution but I cannot see the reason why it works (well, only one reason – it’s IE :D). What I did was to put the same site on Apache and test again. On Apache the fonts worked fine even when using Refresh button. Then in the network inspector I saw that Apache … Read more
So as I mentioned in my question above, Internet Explorer has some ttf support starting with version 9, but “only working when [fonts are] set to be installable”. Some background: …TrueType fonts have embedding “bits” which allow the creator of the font to decide the level of embedding that will be permitted. There are four … Read more
If you’ve thrown in the towel or you’re still struggling with this I strongly recommend font squirrel. It replaces WEFT far better than any of the other online .eot generators. As a huge bonus, it supplies all needed cross-browser formats in one zip file along with a working CSS+HTML sample page. It’s the closest thing … Read more
You have to add the folder to the assets path (to file config/application.rb), see Rails Guides config.assets.paths << “#{Rails.root}/app/assets/fonts” And you should use the asset_path helper: src: url(‘<%= asset_path(‘Chunkfive-webfont.eot’) %>’);
A typical browser should attempt to load the fonts in the list one by one, depending on what format it supports, starting from the first in the list. Once it obtains a font file that it can use, it doesn’t attempt to load any of the rest of the files in the list. If a … Read more
If you are just interested in the use of Access-Control-Allow-Origin:* You can do that with this .htaccess file at the site root. Header set Access-Control-Allow-Origin “*” Some useful information here: http://enable-cors.org/server_apache.html
According to this answer to a related question, embedded svg images have to be standalone images. As mentioned in the comments above, one can make an svg ‘standalone’ by embedding all external assets into it. So in my case, i’d have to do either one of these things: embed the fonts using a data uri: … Read more