Ask your WordPress questions! Pay money and get answers fast! (more info)

Having trouble importing custom font to website using font face WordPress

  • REFUNDED

Hi there,

I am having trouble installing and using a custom font on my website.
I have Genesis, Dynamik, and Beaver builder on my website
I converted the font using Fontsquirrel generator.
I uploaded the font files to a fonts folder using file manager in my cPanel.
Then, I inserted this code into my style.css sheet under Appearance-editor:

</code>
@font-face {
font-family: 'lms_beyond_infinityregular';
src: url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.eot');
src: url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.woff2') format('woff2'),
url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.woff') format('woff'),
url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.ttf') format('truetype'),
url('http://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.svg#lms_beyond_infinityregular') format('svg');
font-weight: normal;
font-style: normal;
}
<code>

However, when I try to add the family using my CSS editor to the header of my website, I am unsuccessful (nothing happens)

Also of note, I modified my header using this guide:
http://cobaltapps.com/forum/forum/main-category/web-design-talk/1665-responsive-header-logo-image-video-text-tutorial

Any help would be greatly appreciated,
Thanks,
Reed

Answers (1)

2016-04-18

Arnav Joy answers:

I think you have written incorrect path in your css file

if you have created new folder and named it as fonts ( inside dynamik-gen ) then correct path will be

http://www.mdandbeyond.ca/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.eot


reed33 comments:

Ah yes I fixed this, however it still isn't displaying properly.