Fonte Achatada ou com jQuery ou CSS

1,090 views
Skip to first unread message

Alex William

unread,
Oct 4, 2011, 12:24:09 PM10/4/11
to jQuery (Brasil)
Amigos estou com uma dúvida já procurei bastante e recorro ao grupo
pois não sei se tem alguma forma de fazer tb com jQuery.

Será que é possível redimensionar (tipo achatar) fonts da forma que
estou fazendo no meu novo portfolio? - link da imagem para vocês
verem... - http://artinblog.com/portfolio.jpg

Quando comecei a refazê-lo eu pensei em colocar meu menu com Imagens
mesmo, mas aí comecei a procurar para ver se rolava dela ser nativa do
browser com @font-face.

A questão é se tem como eu redimensionar achatando a font....

Valeu amigos!
Alex.

Eugênio Telles

unread,
Oct 4, 2011, 12:26:28 PM10/4/11
to jque...@googlegroups.com
Interessante... confesso q nunca vi nada a respeito também.

Att,

--
Eugênio Telles - Diretor de Arte

GeniusDesign
www.geniusdesign.com.br
twitter.com/eugeniotelles
facebook.com/eugeniotelles
skype: geniusdesignbrasil
(21)9277-9856 (21)3347-6089




2011/10/4 Alex William <alexwil...@gmail.com>

Alex William

unread,
Oct 4, 2011, 12:31:15 PM10/4/11
to jQuery (Brasil)
Hehehehe, e estou procurando bastante, acho que ninguém nunca viu nada
a respeito hahahhaa.
Abração Eugênio

On 4 out, 13:26, Eugênio Telles <geninh...@gmail.com> wrote:
> Interessante... confesso q nunca vi nada a respeito também.
> *
> *Att,
>
> --*
> Eugênio Telles - Diretor de Arte*
> GeniusDesignwww.geniusdesign.com.br
> twitter.com/eugeniotelles <http://www.twitter.com/eugeniotelles>
> facebook.com/eugeniotelles
> skype: geniusdesignbrasil
> (21)9277-9856 (21)3347-6089
>
> 2011/10/4 Alex William <alexwilliams...@gmail.com>
>
>
>
>
>
>
>
> > Amigos estou com uma dúvida já procurei bastante e recorro ao grupo
> > pois não sei se tem alguma forma de fazer tb com jQuery.
>
> > Será que é possível redimensionar (tipo achatar) fonts da forma que
> > estou fazendo no meu novo portfolio? - link da imagem para vocês
> > verem... -http://artinblog.com/portfolio.jpg

Felipe Rohde

unread,
Oct 4, 2011, 12:41:45 PM10/4/11
to jque...@googlegroups.com
css3 da sim.


css transform SKEW -y

Anderson Aguiar

unread,
Oct 4, 2011, 12:46:26 PM10/4/11
to jque...@googlegroups.com
Tem um plugin que faz mais ou menos o que você quer(ele não achata a fonte, mas chega a um resultado parecido com o que enviasse):

http://www.zachleat.com/web/bigtext-makes-text-big/ => http://www.zachleat.com/bigtext/demo/



2011/10/4 Alex William <alexwil...@gmail.com>



--
Att Anderson Aguiar
E-mail: revs...@gmail.com
Twitter: http://twitter.com/andersonaguiar
Skype: anderson.senai
MSN: and-a...@hotmail.com

Eugênio Telles

unread,
Oct 4, 2011, 12:50:07 PM10/4/11
to jque...@googlegroups.com
Muito manero! acho q pra esse caso seria o Scale neh

Att,

--

Eugênio Telles - Diretor de Arte

GeniusDesign
www.geniusdesign.com.br
twitter.com/eugeniotelles

facebook.com/eugeniotelles
skype: geniusdesignbrasil
(21)9277-9856 (21)3347-6089




2011/10/4 Felipe Rohde <fr.r...@gmail.com>
css3 da sim.


css transform SKEW -y

--

Alex William

unread,
Oct 4, 2011, 12:51:12 PM10/4/11
to jQuery (Brasil)
Caracas Felipe e Anderson, acho talvez já consiga com isso (tudo) que
vcs me enviaram...
Não conhecia SKEW-y..... tnks Felipe!

Felipe Rohde

unread,
Oct 4, 2011, 1:08:10 PM10/4/11
to jque...@googlegroups.com
na verdade, como @eugenio falou, para o resultado que você espera, tens que usar SCALE

Alex William

unread,
Oct 4, 2011, 1:12:52 PM10/4/11
to jQuery (Brasil)
Hum... estou testando aqui... mas acho que ainda não é isso..... acho
que talvez terei que fazer o que não queria de jeito nenhum....
Usar imagens... sucks!!!

Eugênio Telles

unread,
Oct 4, 2011, 1:15:02 PM10/4/11
to jque...@googlegroups.com
Ué, não funcionou com o scale do css3?? Como vc fez? Tem q ver questão de compatibilidade de browser tbm.

Att,

--
Eugênio Telles - Diretor de Arte

GeniusDesign
www.geniusdesign.com.br
twitter.com/eugeniotelles
facebook.com/eugeniotelles
skype: geniusdesignbrasil
(21)9277-9856 (21)3347-6089




Alex William

unread,
Oct 4, 2011, 1:22:21 PM10/4/11
to jQuery (Brasil)
Então Eugênio to no FF 7 já.... funcionou a transição e tals... mas a
questão de deixar igual ainda não consegui...
Só que eu sou chatão não vou desistir até conseguir rs..
Aí coloco aqui pra todos verem (se deu certo rs...).

Abração!

On 4 out, 14:15, Eugênio Telles <geninh...@gmail.com> wrote:
> Ué, não funcionou com o scale do css3?? Como vc fez? Tem q ver questão de
> compatibilidade de browser tbm.
> *
> *Att,
>
> --*
> facebook.com/eugeniotelles
> skype: geniusdesignbrasil
> (21)9277-9856 (21)3347-6089
>

Silvana

unread,
Oct 4, 2011, 1:35:27 PM10/4/11
to jque...@googlegroups.com
Alex,

Você testou o typeface?

Permite que você utilize fontes diferentes no site sem ser do sistema e sem ser em forma de imagens. Você pode usar  CSS para formatá-las.

http://typeface.neocracy.org/

Abs,
Silvana

Alex William

unread,
Oct 4, 2011, 1:53:17 PM10/4/11
to jQuery (Brasil)
Silvana eu nunca usei ele sempre usei @font-face...
Vou testá-lo também para ver se acho ele como solução....

Obrigado, Bjão!

On 4 out, 14:35, Silvana <redeecodesper...@gmail.com> wrote:
> Alex,
>
> Você testou o typeface?
>
> Permite que você utilize fontes diferentes no site sem ser do sistema e sem
> ser em forma de imagens. Você pode usar  CSS para formatá-las.
>
> http://typeface.neocracy.org/
>
> Abs,
> Silvana
>

Felipe Rohde

unread,
Oct 4, 2011, 3:49:40 PM10/4/11
to jque...@googlegroups.com
acho que o unico empecilho vai ser ter que formatar cada item de forma diferente, para isso eu faria umas 5 classes no CSS e colocaria randomicamente as classes nas tags do menu com PHP, pq no mais é só um fontFace e o SCALE ja resolvem, pra ficar mais pratico ainda criar várias classes com poucas mudanças, use o LESS.

Alex William

unread,
Oct 4, 2011, 4:00:06 PM10/4/11
to jQuery (Brasil)
Pra todo mundo que tentou me ajudar e quiser entender melhor o que eu
queria fazer segue o link - www.artinblog.com/nova_identidade/index.html
A parte do menu sobre, clientes etcs... tive que usar imagens...será
que consigo com css?

Abração!!!

Felipe Rohde

unread,
Oct 4, 2011, 4:08:43 PM10/4/11
to jque...@googlegroups.com
eu to na mesma, acho que é facil fazer o menu do jeito que desejas somente com CSS, mas como dito acima, talvez tu nao estejas visualizando bem os resultados por causa de compatibilidade com navegador.

Alex William

unread,
Oct 4, 2011, 4:11:32 PM10/4/11
to jQuery (Brasil)
Pois é....mas será que o FF 7 ainda não tem compatibilidade?
Bom agora que ele está mais marcado vou tentar agora fazer tudo com
css.... vamos ver se rola...
Tnks Felipe!

Henrique/gmail - 1º

unread,
Oct 4, 2011, 5:09:30 PM10/4/11
to jque...@googlegroups.com
na bosta do iE7 não dá para ver nadinha...
 
henrique
--

Alex William

unread,
Oct 4, 2011, 6:51:49 PM10/4/11
to jQuery (Brasil)
Pois é só vai funcionar do 9 pra cima cara..
Claro que depois vou fazer folhas de estilos para IE bosta 8 e 7 mas
por enquanto só no 9 e browsers atuais...

Esse é mais um motivo pra eu usar imagens no menu...
SuckS!!!!!!
Reply all
Reply to author
Forward
0 new messages