miqueiasrafael 1 Denunciar post Postado Fevereiro 1, 2015 Olá caros colegas, estou desenvolvendo uma aplicação utilizando ICON-FONTS porém localmente está funcionando perfeitamente, mas na web não alguém pode me ajudar por favor? Nota estrutura que estou utilizando no css é a seguinte: E só pra lembrar, minha aplicação tem uso também do MVC @font-face { font-family: 'icomoon' !important; src:url('/fonts/icomoon.eot'); src:url('/fonts/icomoon.svg#icomoon')format('svg'); src:url('/fonts/icomoon.ttf')format('truetype'); src:url('/fonts/icomoon.woff')format('woff'); font-weight: normal; font-style: normal; } [class*="icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-1:before { content: "\e600"; } .icon-2:before { content: "\e601"; } .icon-3:before { content: "\e602"; } Compartilhar este post Link para o post Compartilhar em outros sites
Public2004 79 Denunciar post Postado Fevereiro 1, 2015 Só por desencargo, além do css enviou também as fontes ao servidor? Att. Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 1, 2015 Só por desencargo, além do css enviou também as fontes ao servidor? Att. enviei sim! enviei sim! coloquei assim: / . . .../fonts .../public .../public/fonts/ (Aqui estão também as fontes) mesmo assim não funcionou Compartilhar este post Link para o post Compartilhar em outros sites
angelorubin 142 Denunciar post Postado Fevereiro 1, 2015 Veja se ajuda - http://tableless.com.br/utilizando-icones-formato-font/ Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Veja se ajuda - http://tableless.com.br/utilizando-icones-formato-font/ O mais interessante é que funciona localmente, mas quando hospedo o site não aparece a tal fonte, inclusive subi os arquivos para o servidor mas não funciona. O que seria? Compartilhar este post Link para o post Compartilhar em outros sites
rikaschmitt 54 Denunciar post Postado Fevereiro 2, 2015 Talvez erro de caminho? Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Fevereiro 2, 2015 Poste o link online para debugarmos. Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Poste o link online para debugarmos. http://grupostone.com.br Talvez erro de caminho? Já mudei varias vezes, mas não resolveu! inclusive já coloquei no mesmo nível do css, mas como estou utilizando MVC isso muda para a pasta public mas assim não resolveu, favor me ajudem.... Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Fevereiro 2, 2015 Os arquivos não estão lá: Ou se estão, o teu "mvc" está atrapalhando. Como vc fez as rotas? Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Os arquivos não estão lá: Ou se estão, o teu "mvc" está atrapalhando. Como você fez as rotas? Mas os arquivos não tem que está na pasta public? e outra também tenho que setar na rota as fontes? Mas os arquivos não tem que está na pasta public? e outra também tenho que setar na rota as fontes? olha como deixei o css fazer isso pra min sem a rota. E outra a configuração está no padrão do skeleto do Zend 2 @font-face { font-family: 'socials'; src:url('../fonts/socials0a8c.eot?z91sop'); src:url('../fonts/socialsd41d.eot?#iefixz91sop') format('embedded-opentype'), url('../fonts/socials0a8c.woff?z91sop') format('woff'), url('../fonts/socials0a8c.ttf?z91sop') format('truetype'), url('../fonts/socials0a8c.svg?z91sop#socials') format('svg'); font-weight: normal; font-style: normal; } [class^="socials-"], [class*=" socials-"] { font-family: 'socials'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socials-deviantart:before { content: "\20"; } .socials-flickr:before { content: "\21"; } Os arquivos não estão lá: Ou se estão, o teu "mvc" está atrapalhando. Como você fez as rotas? Já corrigir esses erros, mas ainda não apareceu os font-icons Não consegui ajustar a rota pra funcionar o font-icon... teria algum exemplo? Compartilhar este post Link para o post Compartilhar em outros sites
rikaschmitt 54 Denunciar post Postado Fevereiro 2, 2015 Você está usando essa font somente para mostrar ícones de redes sociais? Qualquer coisa muda pra imagem mesmo, pra não perder tempo.. Cria um sprite com todas elas e pronto. Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Você está usando essa font somente para mostrar ícones de redes sociais? Qualquer coisa muda pra imagem mesmo, pra não perder tempo.. Cria um sprite com todas elas e pronto. Não é o começo pra outro site entende? e esse front é baseado quase todo em font-ico Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Fevereiro 2, 2015 Seu problema não é no css É no seu server-side. Como vc faz as tuas rotas ? php ? ruby ? asp ? Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Seu problema não é no css É no seu server-side. Como você faz as tuas rotas ? php ? ruby ? asp ? Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Fevereiro 2, 2015 E isso ai é o que ? php ? Se for, poste também o arquivo .htaccess Tá usando algum framework ? qual ? Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 E isso ai é o que ? php ? Se for, poste também o arquivo .htaccess Tá usando algum framework ? qual ? é PHP 5 o framework é zend 2 o .htaccess é esse # Habilitar o PHP 5.3 AddType application/x-httpd-php53 .php RewriteEngine on RewriteRule !\.(js|gif|jpg|png|css|txt)$ /home/user-server/public_html/meu-dominio/public/index.php [L] RewriteCond %{REQUEST_URI} !^/public/ RewriteRule ^(.*)$ public/$1 [L] Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Fevereiro 2, 2015 troque: RewriteRule !\.(js|gif|jpg|png|css|txt)$ /home/user-server/public_html/meu-dominio/public/index.php [L]por RewriteRule !\.(js|gif|jpg|png|css|txt|ttf|woff|svg|eot)$ /home/user-server/public_html/meu-dominio/public/index.php [L] Compartilhar este post Link para o post Compartilhar em outros sites
miqueiasrafael 1 Denunciar post Postado Fevereiro 2, 2015 Já consegui amigos! troque: RewriteRule !\.(js|gif|jpg|png|css|txt)$ /home/user-server/public_html/meu-dominio/public/index.php [L]por RewriteRule !\.(js|gif|jpg|png|css|txt|ttf|woff|svg|eot)$ /home/user-server/public_html/meu-dominio/public/index.php [L] foi isso que acabei de fazer Compartilhar este post Link para o post Compartilhar em outros sites