Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

miqueiasrafael

Erro de icon font icomoon

Recommended Posts

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

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

Poste o link online para debugarmos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Os arquivos não estão lá:

 

II2L.png

 

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

Os arquivos não estão lá:

 

II2L.png

 

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á:

 

II2L.png

 

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

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

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

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

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

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

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

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

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.