Hello,

I am designing a website for a client of mine and have been given two different types of font to be used with the headings and body of the site.

These font work great on my PC, well they are stored on my PC , but my problem is when i have uploaded it and the web does not pick up these fonts up. Is there an easy way to turn these font into web fonts and if so are there any step by step guides to show me how to do this.

I have managed to convert the font to web font using a online converter, but the steps of where i have to but details of the CSS (shown below) is confusing for me.

@font-face {

font-family: 'ChaletLondonNineteenEightyRegular';

src: url('chalet-londonnineteeneighty.eot');

src: url('chalet-londonnineteeneighty.eot') format('embedded-opentype'),

url('chalet-londonnineteeneighty.woff') format('woff'),

url('chalet-londonnineteeneighty.ttf') format('truetype'),

url('chalet-londonnineteeneighty.svg#ChaletLondonNineteenEightyRegular') format('svg');

}

If anyone has any links to sites that can help, any videos or documents that would be great.

This is the only thing that is stopping me from making the site live.

Thanks

Put that block at the start of your stylesheet, making sure the urls of the font files are correct relative to the stylesheet. Then refer to it as you would any other font, using

 

font-family: ChaletLondonNineteenEightyRegular;

You should find a similar alternative that's available as a web font. House Industries do not allow their fonts to be used online using a third-party converter (http://www.houseind.com/fonts/licensing/webfonts).

 

 

Q: CAN I USE A THIRD PARTY TOOL TO CONVERT YOUR FONTS TO WEBFONT FORMATS?

No. This is expressly prohibited in our End User License Agreement.

Q: WHY NOT?

• It is specifically prohibited in our End User License Agreement.
• Third party tools often do not address the many technical concerns that will lead to inconsistent results across browsers and platforms.
• We don’t want our fonts to be used with CSS @fontface web embedding until we think they are ready.
• Third party tools are forced to auto-hint fonts. We spend far too much effort on our typefaces to allow subjective tools to make an automated aesthetic decision.

Edited May 8, 201412 yr by Paul Murray

do house industries sell a web font licence? if so your client could purchase that if they want

Font Squirrel is a good site for finding fonts that you can use on the web and convert them to @font-face for you.