masterindesign 0 Denunciar post Postado Janeiro 25, 2013 Como eu faço para a fonte que usei em meu site, que é uma fonte diferenciada seja oposta para todos ver em meu site? eu coloquei assim como esta em baixo, na tag fontes, mas quando eu fui em outro pc, não veio com a minha fonte, quem pode me ajudar? h1{ font:"minhafont";} Compartilhar este post Link para o post Compartilhar em outros sites
Diéssica 140 Denunciar post Postado Janeiro 25, 2013 Propriedade font-face :seta: http://tableless.com.br/font-face-fonts-externas-na-web/1. Identifique a fonte com @font-face: @font-face { font-family: NomeFonte; src: url('Arquivo.ttf'); } Nesse caso é .ttf (TrueType).2. Chame a fonte, com font/font-family, com o mesmo nome do font-family do @font-face: p { font: 10px NomeFonte; } Compartilhar este post Link para o post Compartilhar em outros sites
ricardo_mc 19 Denunciar post Postado Janeiro 25, 2013 Segue a orienteção da Diéssica e use esse site aqui: http://www.fontsquirrel.com/fontface/generator Com ele vc pode fazer o upload da fonte que ele transforma tudo (em ttt, eof...) e te dá o código CSS pronto para importar a fonte. Mamão com açúcar :D Compartilhar este post Link para o post Compartilhar em outros sites
masterindesign 0 Denunciar post Postado Janeiro 25, 2013 é assim? @font-face { font-family: Neo Sans; src: url('fonte/neosans.ttf'); } h1{font-size:28px;text-decoration: none;color:#FFF;font-family: "Neo Sans";font-weight: 67;} h2{font-size:16px;color: #FFF;text-decoration:none;font-family: "Neo Sans"; sfont-weight: 67;} h3{font-size:18px;color: #FFF;text-decoration:none;font-family: "Neo Sans";} h4{font-size:14px;color: #FFF;text-decoration:none;font-family: "Neo Sans";} Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Janeiro 25, 2013 Sim @masterindesign é como você postou, mas não esqueça de verificar se o endereço para a fonte está correto. Ficaria mais elegante ainda se fizesse como a @Diéssica postou e deixa tudo junto: p { font: 10px NomeFonte; } Compartilhar este post Link para o post Compartilhar em outros sites
masterindesign 0 Denunciar post Postado Janeiro 25, 2013 Obrigado gente :) Compartilhar este post Link para o post Compartilhar em outros sites
Nícolas Luís Huber 14 Denunciar post Postado Janeiro 25, 2013 A título de curiosidade o google tem um serviço com diversas fonts, muito fácil de utilizar. http://www.google.com/webfonts Compartilhar este post Link para o post Compartilhar em outros sites