{"id":328,"date":"2012-03-28T20:38:41","date_gmt":"2012-03-28T23:38:41","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=328"},"modified":"2013-06-05T17:09:34","modified_gmt":"2013-06-05T20:09:34","slug":"fontes-declaradas-com-font-face-nao-funcionam-no-firefox","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/fontes-declaradas-com-font-face-nao-funcionam-no-firefox\/","title":{"rendered":"Fontes declaradas com @font-face n\u00e3o funcionam no Firefox"},"content":{"rendered":"
Se no seu ambiente de desenvolvimento o Firefox exibia todas as fontes e na hora de colocar o site em produ\u00e7\u00e3o a sua fonte virou comic-sans pode ficar mais tranquilo (se o seu servidor aceitar .htaccess). O problema acontece porque o Firefox tem uma restri\u00e7\u00e3o de arquivos de fonte mais severa que os outros browsers.<\/p>\n
Para contornar basta colocar este c\u00f3digo no seu .htaccess e ser feliz.<\/p>\n
AddType font\/ttf .ttf \r\nAddType font\/eot .eot \r\nAddType font\/otf .otf \r\nAddType font\/woff .woff \r\n\r\n<FilesMatch \"\\.(ttf|otf|eot|woff)$\">\r\n <IfModule mod_headers.c>\r\n Header set Access-Control-Allow-Origin \"*\"\r\n <\/IfModule>\r\n<\/FilesMatch><\/code><\/pre>\nUPDATE:<\/strong> Depois da d\u00favida apresentada pelo rafael, fui procurar e aparentemente existe uma solu\u00e7\u00e3o para usu\u00e1rios do IIS tamb\u00e9m<\/strong>. Seu web.config<\/span> deve conter o seguinte:<\/p>\n<?xml version=\"1.0\" encoding=\"utf-8\"?> \r\n<configuration> \r\n <system.webServer> \r\n <httpProtocol> \r\n <customHeaders> \r\n <add name=\"Access-Control-Allow-Origin\" value=\"*\" \/>\r\n <\/customHeaders> \r\n <\/httpProtocol> \r\n <\/system.webServer> \r\n<\/configuration><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"Se no seu ambiente de desenvolvimento o Firefox exibia todas as fontes e na hora de colocar o site em produ\u00e7\u00e3o a sua fonte virou comic-sans pode ficar mais tranquilo (se o seu servidor aceitar .htaccess). O problema acontece porque o Firefox tem uma restri\u00e7\u00e3o de arquivos de fonte mais severa que os outros browsers. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[12,22],"tags":[],"yoast_head":"\n
Fontes declaradas com @font-face n\u00e3o funcionam no Firefox | Felipe Elia<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\n\n\t\n\t\n\t\n