CODEWITHSUNDEEP
cssfonts
Aaron
Aaron

Reputation: 2762

Font not being recognized in web app

I have created a website based on Grails web framework that uses Groovy. For some reason I'm not able to get the fonts to load properly.

I'm using: font-family: "Avenir Next Ultra Light","Avenir Next";

On my Mac, the font loads perfectly using Safari and Chrome but not on Firefox. On other systems I've noticed that the font doesn't load at all.

I understand that it's a paid font but just not sure what to do to get the font incorporated into the site properly.

Any advice would be appreciated!

Upvotes: 0

Views: 507

Answers (2)

iHaveNoIdeaWhatI'mTalkingAbout
iHaveNoIdeaWhatI'mTalkingAbout

Reputation: 138

Store the font file somewhere on the server.

@font-face {
 font-family: NAME;
 src: url('/FILEPATH/FILENAME.ttf');
}

p {
 font-family: NAME;
}

Browser Support: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

EDIT: And, as Alex K. said, make sure you have a license if it's a commercial font.

Upvotes: 1

Alex K.
Alex K.

Reputation: 175748

Can't speak for FireFox but a more important fact is that the font must exist in an appropriate format on all machines viewing the page. If the font does not exist as an installed font it must be embedded in the page, something you need a license for if its a commercial font.

I would suggest browsing for something similar and using the boilerplate from https://www.google.com/fonts.

Upvotes: 0

Related Questions