I am to buy a Web font from myfonts.com (web versions of our corporate font) and I have no idea how to import one to MUSE...the font is not avialable in Typekit...any idea how to import it?
Thanks jgrummel, I have been trying to work out how to do this in Muse for ages. But I'm no code expert, so can you please provide an example of the code where the font name is XXXX and let us know how to use the font within Muse? Also, I understand different browsers need different types of font and not just truetype, so will this code work with all browsers?
Please refer to this document,
Adding fonts to your site - http://help.typekit.com/customer/portal/articles/6780-adding-fonts-to- your-site
Sorry Anhishek, the question was in regard to a font that isn't on Typekit. My client has specified that he must be hosting the font on his own server and can not use Typekit, Google Fonts or any other hosting.
I would refer you to the documentation at myfonts.com. You will have to get in touch with them so that they can provide you the steps that are needed to successfully use their fonts on your website. If that requires you to insert certain code on your web site then you can either use Page Properties -> Metadata or Object -> Insert HTML.
Most probably, you will have to upload the font on your server and use the CSS @font-face to apply the font. If you have a page live on which you are having problems, you can share it with me and I will see if I can point you in the right direction.
What I am looking for is the @font-face code to paste into either Page Properties -> Metadata or Object -> Insert HTML to allow me to use a font that is hosted on the same server as the Muse website (in the same folder) in EOT, TTF and WOFF formats for cross-browser compatibility, and then instructions on how to get Muse to use that font on text that I select within Muse.
The code would look some thing like this,
src: url('myfont-webfont.eot'); /* IE9 Compat Modes */
src: url('myfont-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
url('myfont-webfont.woff') format('woff'), /* Modern Browsers */
url('myfont-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('myfont-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
You will not be able to use Muse to apply those fonts to the text. To do that you will have define the styles in a css file. You can create the text in Muse and the from the exported html check the IDs or classes assigned to the text containers and apply the style to those.