loading custom fonts

[Christen]

I am working here: https://www.essence-vyt.com/

Before I installed the Pro version of WP Edit, I loaded custom fonts (Museo family) thru Weaver Extreme and it all seemed to work fine. Then, as I began to add content, I upgraded to the WP Edit Pro, which also has a feature that allows for custom font delivery. So, since I had only installed 3 of the 6 Museo font faces thru WE, I decided to load them all  thru WP Edit Pro and it was an epic fail! Comic Sans replaced Museo! I might not have minded ariel… sigh. So, I deleted all 6 museo faces from WP Edit Pro.

So, it seems to be an either or proposition, WE or WP Edit Pro- I really want the Museo family to load with my pages and also want the editor to render accurately how the page will look while I am working on it. What do you consider to be the most stable solution? If it is to use WE, would you please point me to the instructions for loading custom fonts that are NOT Google or Font Squirrel? (so I can add the others I now need)

Many thanks, Christen

[Weaver]

Did you read the instructions in the Weaver Xtreme docs? Pretty much the instructions for Font Squirrel will work for most fonts. Some depend on the source of the font definitions – either self-hosted, or a font host site. yBasically, you have to provide two pieces of information to add a new font from any where. First, the CSS font-family, and second, the URL of the font definition file. Essentially all font sources work that way.

If you use WP Edit Pro, you are not tied to Weaver Xtreme. But the fonts will be limited to content added via the Page/Post editor. If you add fonts via Weaver Xtreme Plus, they will still render correctly in the editor, and on the final output. But you also can select the fonts for widget areas, the header, and the footer. Those, of course, you don’t see until the final rendered page.

[Christen]

I eliminated the custom fonts in WP Edit Pro.

I then deleted the custom fonts in Weaver, went to my CPanel file manager, uploaded the rest of my fonts, cleaned up my file names and found that I had a few missing commas and extra spaces  – so I cleaned all of them up and this is what I re-added:

<link href=’/wp-content/uploads/fonts/Museo300/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘Museo300’, ‘Georgia’, ‘serif’;

<link href=’/wp-content/uploads/fonts/MuseoSans_300/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘MuseoSans_300’, ‘Arial’, ‘sans-serif’;

<link href=’/wp-content/uploads/fonts/MuseoSans_300_Italic/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘MuseoSans_300_Italic’;

<link href=’/wp-content/uploads/fonts/Museo500/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘Museo500’, ‘Georgia’, ‘serif’;

<link href=’/wp-content/uploads/fonts/MuseoSans_500/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘MuseoSans_500’, ‘Arial’, ‘sans-serif’;

<link href=’/wp-content/uploads/fonts/MuseoSans_500_Italic/stylesheet.css’ rel=’stylesheet’ type=’text/css’>

font-family: ‘MuseoSans_500_Italic’;

Pretty sure everything is rendering the way I need it to, even if I have to rebuild some pages…

The client asks: will this method insure that her pages are always rendered using the Museo Font? (Android devices excepted)

And I ask, have I set this up properly so that if Museo does not render, Georgia and Arial will?

Many thanks for your time!

[Weaver]

You don’t have an alternative for the italic.

And these should show on Android devices. That is one of the advantages of loading a font – even Android browsers will load and display the font.

[Author]

Posts