font-face not working – tried everything except the right thing

  • Resolved Kburrows

    (@kburrows)


    9 years, 1 month ago

    I’m beaten. I’ve tried everything, including changing the code, the directory, the url’s, nothing is working, double quotes, single quotes. I’m sure it something small and simple, but I can’t find it.

    https://www.katedalytherapy.com

    the header font should be a script font – HarabaraHand. Once that works I’ll figure out way the “raleway” font isn’t working on every browser.

    Ideas, thoughts, advice, help greatly appreciated!!
    k

    /* current css
    @font-face {
    font-family: ‘HarabaraHand’;
    src: url(‘/wp-content/fonts/HarabaraHand.eot’);
    src: url(‘/wp-content/fonts/HarabaraHand.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/fonts/HarabaraHand.woff’) format(‘woff’),
    url(‘/wp-content/fonts/HarabaraHand.ttf’) format(‘truetype’),
    url(‘/wp-content/fonts/HarabaraHand.svg#HarabaraHand’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    } */

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So you have a “fonts” folder inside the “wp-content” folder, not inside the “wp-content/your-theme-name/” folder?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not sure if this is just for illustrative purposes:

    /* current css

...

*/

    But wrapping your code in those characters (‘/*‘ and ‘*/‘) will mean that it will not work

    Thread Starter Kburrows

    (@kburrows)

    I’ve had them in the theme, the root and everywhere in between. It’s not seeing them.

    I added the “themes/simply-works-pro/” still no joy ?? I also tried adding the https://.

    that’s the css was it was now it reads

    src: url(‘/wp-content/themes/simply-works-pro/font/HarabaraHand.eot’);

    etc…

    I should have mentioned that every thing was working until I added the ssl –

    thanks
    k

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What file did you put this font-face code in? So that we can find it to debug

    Thread Starter Kburrows

    (@kburrows)

    I’m working in the home.css first
    .

    Thread Starter Kburrows

    (@kburrows)

    ha fubar, just caught that. And yes, it is.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So the issue was that you were working in a file that wasn’t being loaded?

    Thread Starter Kburrows

    (@kburrows)

    The header font should be a script font called HarabaraHand – while it was working on all browsers, since I added the ssl, it’s not working and reverting to “times roman.”

    so frustrating. I don’t know why it isn’t seeing the harabara.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    But your website is not loading a file called ‘home.css’, are you sure this is the right file?

    Thread Starter Kburrows

    (@kburrows)

    good grief. I should be fired. I am only using the style.css now.

    BUT even after I put the code in the style.css it’s not working.

    Thread Starter Kburrows

    (@kburrows)

    ok, I went it an tweaked the url and now it’s working!

    bless you and let me know if I can do anything for you ??

    relief! thanks so much!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘font-face not working – tried everything except the right thing’ is closed to new replies.