Adding commercial font to Weaver X

[Maureen]

I am trying to add a purchased font to this site: http://www.charmantinvitations.com

I am following the Weaver instructions on the Fonts & Custom CSS tab, and also refering back to the Font Vendors instructions.

I uploaded the fonts to uploads/fonts/cantonibasic-bold.

 Under Specify Font source and family, I entered the following:

Box #2  <link rel=”stylesheet” type=”text/css” href=”http://www.charmantinvitations.com/wp-content/uploads/fonts/MyFontsWebfontsKit.css”&gt;

Box #3 font-family: cantonibasic-bold;

The H2 headers on the home page are not displaying the Cantoni Script, even though when inspecting it the font is indeed Catoni.

Any help would be appreciated.

[Weaver]

These must be the same place:

I think that your actual font files (e.g., 2E9A99_0_0.eot) must be in wp-content/uploads/fonts/webfonts and NOT /cantonibasic-bold – at least that is what the MyFontsWebfontsKit.css seems to have.

@font-face {font-family: ‘CantoniBasic-Bold’;src: url(‘webfonts/2E9A99_0_0.eot’);src: url(‘webfonts/2E9A99_0_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2E9A99_0_0.woff2’) format(‘woff2’),url(‘webfonts/2E9A99_0_0.woff’) format(‘woff’),url(‘webfonts/2E9A99_0_0.ttf’) format(‘truetype’);}
 

The src: url(‘webfonts/2E9A99_0_0.eot’); says the font file will be in the subdirectory of /fonts /webfonts.

[Maureen]

Thanks Weaver,

I ended up putting the WebFontsKit css file and the fonts in the root folder, then added http://mysite.com to the path (<link rel=“stylesheet” type=“text/css” href=““http://www.charmantinvitations.com/MyFontsWebfontsKit.css”>)  and put that in the Weaver ” Specify Font Source and Font Family” field.  It is working now.

[Author]

Posts