0

I implemented a webfont on our website. The website is available through two domains:

http://blog.von-der-see.de / http://www.vds-blog.de

The webfont is implemented this way:

@font-face {
    font-family: Quattrocento-Sans;
    src: url('./style/Quattrocento Sans.woff');
}

@font-face {
    font-family: Quattrocento-Sans-Bold;
    src: url('./style/Quattrocento Sans Bold.woff');
}

If you view the website in firefox through both domains, you will see that the font is not working on one of two domains.

The website is a wordpress and if i switch the home-url to the other domain, its not working on the on, but then on the other domain.

Whats the problem?

Shaunak Shukla
  • 2,347
  • 2
  • 18
  • 29
user3782217
  • 1
  • 1

2 Answers2

0

Have you tried adding font mime types in your htaccess? Just out of interest why are you only using woff? No true type etc?

Ricky55
  • 65
  • 1
  • 7
  • I googled but didnt find out how to add font mime types in htaccess. I dont really know why we only use woff. Its given by other developers here... – user3782217 Jun 27 '14 at 08:17
  • No, unfortunately not :( – user3782217 Jun 27 '14 at 10:17
  • I'd download a font from here http://www.fontsquirrel.com/ and use their code. You can use this site to also generate the other file types. To set mime types see here: http://stackoverflow.com/questions/2871655/proper-mime-type-for-fonts just add these lines to a file called .htaccess and add to the root of your server. These files are hidden in OS X so you'll need to show invisible files. HTH – Ricky55 Jun 27 '14 at 14:53
0

http://www.vds-blog.de/ doesn't load webfonts.

By changing style.css url in theme's header page from

<link href="http://blog.von-der-see.de/wp-content/themes/vondersee/style.css" rel="stylesheet"> to <link rel="stylesheet" href="http://www.vds-blog.de//wp-content/themes/vondersee/style.css">

may solve your problem.

Shaunak Shukla
  • 2,347
  • 2
  • 18
  • 29
  • Do that change for http://www.vds-blog.de/ only! I mean to say, for http://www.vds-blog.de/ site, link should be `` and for http://blog.von-der-see.de site, link should be `` – Shaunak Shukla Jun 28 '14 at 09:00
  • Its one website. Both domains link to the same server – user3782217 Jun 30 '14 at 09:59
  • If you can, change `src: url('./style/Quattrocento Sans.woff');` to `src: url('http://blog.von-der-see.de/wp-content/themes/vondersee/style/Quattrocento Sans.woff');` and same for `src: url('./style/Quattrocento Sans Bold.woff');` to `src: url('http://blog.von-der-see.de/wp-content/themes/vondersee/style/Quattrocento Sans Bold.woff');` – Shaunak Shukla Jun 30 '14 at 10:09
  • Did you revert it?? because I see `@font-face { font-family: Quattrocento-Sans; src: url('./style/Quattrocento Sans.woff'); }` `@font-face { font-family: Quattrocento-Sans-Bold; src: url('./style/Quattrocento Sans Bold.woff'); } ` – Shaunak Shukla Jul 01 '14 at 12:22