Forum Replies Created
-
Posts
-
Ok, just wanted to make sure. Sometimes it's the simple things and I would inevitably have a "duh" moment. 🙂
I compared my code with yours and this is what I found:
url(‘http://www.heidisweymouth.com/public_html/wp-content/themes/lovely/fonts/Pacifico-webfont.woff’) format(‘woff’)
In the URL above, I see in the path that it's pointing to the fonts folder under the 'lovely' theme where the other src URLs are not.
url(‘http://www.heidisweymouth.com/public_html/wp-content/themes/fonts/Pacifico-webfont.svg#pacificoregular’) format(“svg”)
In this URL, there is a 'svg' file and I'm not sure why. I'm not sure why you'd point a graphic file for a font? (I'm not an expert, unfortunately). I didn't point a .svg file in my font coding. There is also double quotations around "svg" versus single quotations 'svg'
*crossing fingers* that this helps.
Donna, thank you for reaching out. I hope I can help.
This might be a silly question but did you change the font within the CSS?
I wanted to note how this issue was resolved should someone else encounter the same problem.
I tried everything suggested and did my own online research. There appears to be many methods however it still wasn't working. I had someone look at it, who tested it and found that there was a server error in the font folder under the CHILD theme. He figured we didn't have permissions. He moved the font folder under THEMES (not even under the Genesis Framework just THEMES) and wrote the URL in full (http://www.......com) in the @font-face URL and it worked.
A lot of these articles state to put the font folder in the CHILD theme folder but it didn't work for me. Could be because the designer of the theme didn't want to give permissions, I'm not sure. So if it's not working for you, try the THEMES folder.
Again, thank you to everyone who responded.
Ok, I've tried caching and my web host doesn't cache....I also added a .htaccess file as instructed here (because I'm using Firefox on my laptop and it's not showing up where it is on Safari). http://red-team-design.com/firefox-doesnt-allow-cross-domain-fonts-by-default/.
I know this is operator error but I just cannot figure it out.
First, thank you to everyone who responded.
Tonya, that article is wonderful thank you.
Unfortunately, it's still not working. I found the code below in the web kit CSS file so I pasted at the top of the style.css file as instructed (changing the URL to where the fonts are loaded). The only place I"m able to test it right now is on my Android phone and Firefox and it's not showing up. The widget headers along the bottom should be the same font as the header/logo (logo is an image). It's working on my laptop because of course I have the font loaded on my computer so I know I have put the font in the right places it's just not working on the Internet. Rrr...
I also used the CSS code in the article and that didn't work either.
I feel as if I've tried everything. What am I doing wrong?
_________________
/* @import must be at top of file, otherwise CSS will not work */
@import url("//public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2c6ff3");@font-face {font-family: 'ConsulTypewriterPro-Mix';src: url('public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2C6FF3_0_0.eot');src: url('public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2C6FF3_0_0.eot?#iefix') format('embedded-opentype'),url('public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2C6FF3_0_0.woff2') format('woff2'),url('public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2C6FF3_0_0.woff') format('woff'),url('public_html/barrettandcophotography/wp-content/themes/lovely/fonts/2C6FF3_0_0.ttf') format('truetype');}