Problems installing custom front using font face
-
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:
@font-face {
font-family: ‘lms_beyond_infinityregular’;
src: url(‘https://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.eot’);
src: url(‘https://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘https://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.woff2’) format(‘woff2’),
url(‘https://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.woff’) format(‘woff’),
url(‘https://www.mdandbeyond.ca/public_html/wp-content/themes/dynamik-gen/fonts/lms_beyond_infinity-webfont.ttf’) format(‘truetype’),
url(‘https://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;
}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:
https://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
- The topic ‘Problems installing custom front using font face’ is closed to new replies.