X-Cart forums

[hartwellj]

Does anyone know how to embed a True-type Font into the website to be able to serve it to different browsers? I've read there is a way to embed a font to be served from your server, but don't know how to do it.

PS: I do understand the legal copyright ramifications, as the fonts I am choosing are open source.

[cflsystems]

See this https://css-tricks.com/snippets/css/using-font-face/

[hartwellj]

This is great info cflsystems. Thanks

[hartwellj]

Where should I apply my Font Face. I tried adding it to the Custom CSS, but it wouldn't work. I'm guessing I have to add it to the Styles Sheet?

My code looks like this:

@font-face {
font-family: 'HelveticaNeueLT-Light';
src: url('http://gospelkeyboard.com/fonts/2EFCBE_0_0.eot') format('eot');
url('http://gospelkeyboard.com/fonts/2EFCBE_0_0.eot?#iefix') format('embedded-opentype'),
url('http://gospelkeyboard.com/fonts/2EFCBE_0_0.woff2') format('woff2'),
url('http://gospelkeyboard.com/fonts/2EFCBE_0_0.woff') format('woff'),
url('http://gospelkeyboard.com/fonts/2EFCBE_0_0.ttf') format('truetype');
}