Welcome to WebmasterWorld Guest from 54.196.26.1

Forum Moderators: not2easy

Message Too Old, No Replies

fonts

     
5:51 pm on Jan 30, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member ogletree is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 14, 2003
posts: 4311
votes: 36


My website has the code.

@font-face{
src: url(https://example.com/CALIBRI.ttf);
font-family: 'Calibri', sans-serif;
}


I have two problems.

1. I'm getting a warning that says
@font-face declaration does not follow the fontspring bulletproof syntax

2. I'm using a host that does not allow me to upload files because it is a CMS. I'm currently using a CDN to host the .ttf file. Is there a way to get this without me hosting a font file.
6:11 pm on Jan 30, 2016 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4029
votes: 246


Have you looked into using google fonts? They are commonly used as a remote resource.
8:15 pm on Jan 30, 2016 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 25, 2005
posts:1958
votes: 322


3. Calibri is not a font you are allowed to embed without having obtained a license.
10:54 pm on Jan 30, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:15199
votes: 682


And once you've taken care of the font issue...
I'm using a host that does not allow me to upload files because it is a CMS.

Change hosts. Using a CMS doesn't mean you can't control your own site files.

:: detour to check horse's mouth [w3.org] on question of @font-face format ::

src: url(https://example.com/CALIBRI.ttf);
font-family: 'Calibri', sans-serif;

The quotation marks aren't strictly needed, since it's a single word, but it should do no harm. Is the source really ALL CAPITALS?

Incidentally, in any font source declaration it's thoughtful to start with
local(fontname),
so if users happen to have the font installed, the browser doesn't have to take an extra triip-- especially when it's going to an entirely different server. Fontname is whatever name the computer itself uses on dropdowns and so on, not the complete filename in .ttf or other extension.
4:00 am on Jan 31, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:8689
votes: 694


@lucy24, agreed, why install/embed a font that already exists on 100s millions of computers?

If special fonts are desired try google or weft (more thoughts on weft: [microsoft.com...] )
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members