0
Welcome Guest! Login
0 items Join Now

SOLVED css link address issue

    • Slick's Avatar
    • Slick
    • Newbie
    • Posts: 13
    • Thanks: 0

    SOLVED css link address issue

    Posted 10 years 10 months ago
    • I' having an issue with links for fonts being incorrect.
      I'm using
      @font-face {font-family: 'ZonaPro-RegularItalic';src: url('templates/rt_hexeris/fonts/ZonaPro/2AFCFC_0_0.eot')
      etc, but when rendering in the browser window developer tools is showing errors. On further investigation a section of the link is being added to.

      For example:
      /templates/rt_hexeris/fonts/ZonaPro/2AFCFC_0_0.eot
      becomes
      /templates/rt_hexeris/css/templates/rt_hexeris/fonts/ZonaPro/2AFCFC_0_0.eot

      I've searched through the custom css file and nothing relates to the text "css", so I assume that it is nothing to do with the way in which th file has been typred out.

      Although the error exists Chrome is displaying the headings correctly on my system, but IE and Safari on my iPhone are not.

      Any pointers would be greatly appreciated.

      Cheers,
      Slick
    • Last Edit: 10 years 10 months ago by Slick. Reason: Solved the issue
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22268
    • Thanks: 3224
    • messin' with stuff

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • your relative link in your src url is incorrect

      change to

      url('../fonts/ZonaPro/2AFCFC_0_0.eot')
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Slick's Avatar
    • Slick
    • Newbie
    • Posts: 13
    • Thanks: 0

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • Thnks for pointing that out. I've changed all of the relative links as suggested and cleared the cache, but the error still occurs.

      I've attached some screenshots.
      The first is rendered in Chrome correctly
      This image is hidden for guests.
      Please log in or register to see it.


      The second is rendered in ie incorrectly
      This image is hidden for guests.
      Please log in or register to see it.


      The third is the css calling the correct font in ie
      This image is hidden for guests.
      Please log in or register to see it.


      Even though Chrome is rendering correctly, it is showing errors as shown below
      This image is hidden for guests.
      Please log in or register to see it.


      I've added connection info for mods in the secured section.

      Thanks,
      Slick
    • Last Edit: 10 years 10 months ago by Slick.
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22268
    • Thanks: 3224
    • messin' with stuff

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • just look at the errors... your font files aren't in slicksigns.co.uk/fonts , they're in slicksigns.co.uk/templates/rt_hexeris/fonts -- and it looks like you're calling them from your index.php file in the errors and not your rt_hexerix-custom.css file as previously mentioned... you did not provide login details in the secure tab
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Slick's Avatar
    • Slick
    • Newbie
    • Posts: 13
    • Thanks: 0

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22268
    • Thanks: 3224
    • messin' with stuff

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • Matt wrote:
      your relative link in your src url is incorrect

      change to

      url('../fonts/ZonaPro/2AFCFC_0_0.eot')

      you're missing the "dot dot" in your relative url specification...
    • Last Edit: 10 years 10 months ago by Matt.
    • The following users have thanked you: Slick

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Slick's Avatar
    • Slick
    • Newbie
    • Posts: 13
    • Thanks: 0

    Re: SOLVED css link address issue

    Posted 10 years 10 months ago
    • Spot on, thanks for your help on this. It's fixed.

      Slick
    • Last Edit: 10 years 10 months ago by Slick.

Time to create page: 0.065 seconds