National-Book custom font

[mcaravaglia]

Hello. I have read all relevant posts on this topic, but cannot find the solution. I’m at my wit’s end! I’m hoping you can help. Please see attached image of the fonts on my Bluehost.com server.

My client has given me a custom font set (National Book, National Medium and National Bold). No matter what I try, I cannot get this font to load. I’ve tried each type of font- .ttf, .otf, .svg, .woff and none will display. I also was given custom font set for the font “Domain Display” and it is loading fine following the same protocol.

Below is the CSS I have loaded into the Home Page custom CSS. Do you see anything wrong? This is killin’ me!

Michael

In the below example, I’m only showing the CSS for the “Book” version.

@font-face {
font-family: “NationalTest-Book”;
src: url(“https://athletechnews.com//public_html/wp-content/themes/pro-child/fonts/NationalTest-Book.ttf”);
font-style: normal;
font-weight: normal;
}

/CSS Selector below is confirmed correct/
#post-grid-3408 .element_2 {
font-family: NationalTest-Book;
font-weight: normal;
font-style: normal;
font-size: 24px !important;
position: relative;
top: -20px;
text-align: center !important;
letter-spacing: .050em;
}

/Highlited in image below shows font on server/

[marc_a]

Hi @mcaravaglia,

I found out that you don’t have the NationalTest-Book.ttf font on this directory /wp-content/themes/pro-child/fonts/, see the error console below.

Please add your custom font to that directory.

I also recommend using our Font Manager where you can add custom CSS.

Hope that helps.

Thank you.

[mcaravaglia]

OMG, so it was the “public_html” in the url! Who knew?!!

You’re the best- Thank you!

[marc_a]

@mcaravaglia,

Yes, the “public_html” in the scr URL should be removed and at the same time, you should call the right src URL where your custom font located.

Hope that helps.

Thank you.

[mcaravaglia]

I have this working; HOWEVER, in reference to the Custom Fonts section of X-Pro, I seem to have a lot of issues with this. For example, I have uploaded all of the fonts into my Media Library, yet when I try to add them as Custom fonts in X-Pro, they are not visible in the library when I try to add them. They are indeed visible when you view the library directly. How do I fix this?

[marc_a]

Hi @mcaravaglia,

I recommend the following troubleshooting procedures before we investigate the settings.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION
6. VERSION COMPATIBILITY

Only if none of that help, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.