Adding Web Fonts

Topics: Customizing Orchard, General, Troubleshooting, Writing themes
Feb 3, 2013 at 6:50 PM
Hello - I'm attempting to add 2 web fonts that I have downloaded. They are:

TrajanPro-Regular.ttf
TrajanPro-Bold.ttf

Can someone walk me through how to implement in Orchard?

Regards,
TJ Havens
Developer
Feb 4, 2013 at 5:20 PM
First, you need to create a CSS file with font definition using @font-face CSS3 rule (more info) and add it along with your .ttf files to the theme.
Then, use Style.Include('my-fonts-definition.css') to include that CSS in your page. Most likely you'd need to add that toLayout.cshtml file in your theme. Check The Theme Machine's Layout.cshtml to see how it should be done.
Feb 4, 2013 at 5:51 PM
Thanks, got that to work....