Problemas con fuente alojada en propio servidor

[sfumatto]

Hola a tod@s,
tengo una web que utiliza fuentes alojadas en el propio servidor, en firefox y en chrome no se leen, pero en explorer si...

Rebuscando por internet vi que el problema era que estabn alojadas en el propio servidor y firefox y chrome no las leen, como solución creo que hay que añadir unas líneas de código al archivo .htaccess (http://meyermed.com/2015/03/fix-font...ot-displaying/) son las siguientes:

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

El problema es que hay que poner el archivo de la fuente y la ruta del css creo pero no sé en que lugar de este fragmento hay que escribirlo ni cómo...

Podríais ayudarme por favor ???

Muchas gracias

Un saludo

[hmedcab]

Recuerdo que hace un tiempo estuve en un proyecto MVC desde cero y con el htaccess tuve problemas con algunos navegadores para cargas estilos.

Creo que el problema era que no tenía acceso a los recursos porque el front-controller gestionaba todas las solicitudes, entonces no encontraba los archivos que estaban en el directorio css.

Lo solucione aplicando una regla en el htaccess diciendo que cualquier .css accediera al recurso, y sino era un .css que accediera al front-controller para gestionar la lógica de la web.

No hace falta poner la ruta porque cuando vea que el recurso solicitado contiene los caracteres '.css' o 'fonts.css' va a permitir acceder a ellos según lo que has puesto.

Pruébalo y pon códigos de error o algo.. danos más información...

Saludos.

[sfumatto]

No fme funciona el código.

En principio he colocado el código en el htaccess de wordpress, quedando de esta manera:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>


# END WordPress


# BEGIN REQUIRED FOR WEBFONTS

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

# END REQUIRED FOR WEBFONTS

[Yedi]

Hola, como estas declarando tu css?? yo las declare asi y me funciona bien en los 3 navegadores, incluso safari

Código:

@font-face {
    font-family: "KlavikaRegular";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("font/KlavikaWebBasicRegular/KlavikaWebBasicRegular.woff") format("woff");
}@font-face {
    font-family: "KlavikaBold";
    font-style: bold;
    font-weight: bold;
    src: local("?"), url("font/KlavikaWebBasicBold/KlavikaWebBasicBold.woff") format("woff");
}@font-face {
    font-family: "KlavikaLight";
    font-style: bold;
    font-weight: bold;
    src: local("?"), url("font/KlavikaWebBasicLight/KlavikaWebBasicLight.woff") format("woff");
}
   
	body {
		overflow-x: hidden; /* 1 */
		overflow: hidden;
		background-color: #fff;
		color: #4b4b4b;
   		font-family: "KlavikaRegular";
		line-height: 24px;	
	}

y no tuve necesidad de moverle al mi archivo .htaccess

Espero te sirva, saludos