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.
How does it look now, 2 years later.
Is it now possible to integrate the eot/woff/etc in Muse or do i have to do the workaround with the exported html?
Thank you very much.
At this stage you can only use the fonts that are available on your system as system fonts, web fonts or web safe fonts in Muse. To integrate the eot/woff/etc in Muse you will still need to use custom CSS.
- Abhishek Maurya
ok, i have to do it like you described it in your post #7.
the line "without writing code" is not true.
and to use an own woff-font is no rocket-science, but daily business.
sadly but true
if you are still interested, try this one: go to "add a web font" / select "self hosted web-fonts"
You need a font with woff. + .eot + .svg endings
You have then to choose a system font to work with in muse - which will be replaced, when you preview in browser or upload it.
You'll have to upload the fonts too, and there is a very small script (two lines) you'll get from MyFonts which you have to place in the head section of you master page(s).
Works fine with me ;-)