Pregunta

Estoy trabajando en un sitio de Magento Go en el momento. He comprado una fuente web a partir de fuentes de Primavera y subido los 4 ficheros (EOT, woff, TTF y SVG) a través del sistema de administración utilizando la herramienta de Activos de fuente.

Al insertar las fuentes el siguiente código CSS se añade a mi CSS personalizado:

../css_editor_fonts/ProximaNova-Sbold-webfont.eot
../css_editor_fonts/ProximaNova-Sbold-webfont.ttf
../css_editor_fonts/ProximaNova-Sbold-webfont.woff
../css_editor_fonts/ProximaNova-Sbold-webfont.svg

He luego se aplican esas rutas relativas a la correcta declaración de navegadores compatibles @ font-face, ver más abajo:

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot');
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

La fuente aparece en mi CSS personalizado, así:

font-family: 'proxima_nova_ltsemibold';

Esto funciona de Internet Explorer 7/8 y la última Chrome, pero no en el IE 9/10 o Firefox.

Creo que la razón por la fuente no está trabajando en IE9 / 10 y Firefox se debe a una petición de origen cruzado que es algo que he visto discutido mucho, y mi consola IE contiene este error:

@ font-face solicitud fallida de origen cruzado. El acceso al recurso es limitado.

Hay una edición que se puede hacer en un archivo .htaccess para permitir a las fuentes de trabajo en aquellos navegadores - su llamada Access-Control-Allow-Origen de lo que he leído.

¿Alguien sabe si se puede actualizar o crear un archivo .htaccess para Magento Go?

Saludos.

¿Fue útil?

Solución

No he podido conseguir subido ficheros para ser servido a todos los navegadores, pero he conseguido un tipo de letra que se sirve usando http://fontdeck.com/ . Qué tipo de letra sirviendo servicio que se utiliza es irrelevante, pero he podido uso exitoso uno.

Hablé con un miembro del equipo de apoyo Magento Go (a través de chat en vivo) y explicó los problemas que estaba teniendo con ficheros subidos no ser servidos en diferentes navegadores, debido a las solicitudes de origen cruzado. Le expliqué la solución .htaccess para permitir el cumplimiento de las fuentes y su respuesta fue más o menos en la línea de “nuestros servidores no son compatibles con los archivos .htaccess personalizada”.

he intentado usar rutas absolutas para las propiedades src de la regla @ font-face, pero creo que Magento Go añade de inmediato a su CSS personalizado de todos modos, ya que parece ser procesados ??desde el editor de temas y vinculado en las plantillas.

Edit: se me olvidó mencionar que también traté de base64 codificar los archivos de fuentes en el CSS usando la ardilla Web Font Generador Fuente ( http://www.fontsquirrel.com/tools/webfont-generator ). He subido mis archivos adquiridos, permitió a los ajustes avanzados necesarios, descargué el css con la fuente codificada (creo que era simplemente woff que fue codificado), subido que el CSS a mi tema ... y luego Magento Go aplicado la misma ruta absoluta a la propiedad src romper la fuente codificada becase tenía una URL aleatoria en frente de ella.

He criado a un ticket de soporte con Magento Go explicar los problemas y le preguntó lo que piensa hacer para permitir ficheros subidos a ser servido a todos los navegadores. Estoy esperando que se eleva a una solicitud de función o algo similar.

Por ahora, tendrá que ser un servicio de fuente de servir. He utilizado el código de incrustación de Javascript desde la cubierta de fuente. Coloqué el js que proporcionen en un bloque estático y luego añadí ese bloque a todas las páginas que utilizan un extremo delantero de aplicaciones. Usted puede utilizar el enlace HTML que incorpora el método de la cubierta de fuente, pero tiene que ser añadido a la cabecera antes de las etiquetas de secuencia de comandos que no es posible usando el editor de temas de Magento Go.

Esperamos que esto pueda ayudar a alguien a cabo en el corto plazo. A largo plazo, espero Magento Go encontrar una solución a este problema.

Otros consejos

Por favor, intente usar rutas completas absolutos (con https / http) para las fuentes en lugar de rutas relativas.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a magento.stackexchange
scroll top