Linkbão Oi Torpedo Oi Torpedo Web Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online Resultado Lotofacil Resultado Lotogol Resultado Mega-sena baixa-facil Resultado Loterias Fofocas E-Scripter Claro Torpedo

6/04/2010

Adicionando Custom Fonts para o Blogger pode melhorar a aparência do seu blog.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Antes de entrar a incorporação de fontes permite saber como isso funciona.

Em seus modelos você pode usar qualquer fonte que você quer, mas estas seriam exibidos corretamente se o espectador tem essas fontes instaladas em seu sistema.

Técnicas de incorporação Font permite que você use qualquer fonte no seu Blog e estas fontes serão visíveis para os telespectadores, mesmo que não tenha a fonte instalada em seus sistemas.

@ Font-face é a melhor técnica para a incorporação de fontes em minha opinião, mas ele costuma trabalhar facilmente com fontes externamente carregado a menos que o servidor tem especial cabeçalhos de controle de acesso para o seu blog. (Costuma blogger permitir que você envie a fonte para ela servidores: P) Assim, Aqui estão alguns métodos alternativos simples adicionar fontes personalizadas para o seu blog. Eles estão listados em ordem de minha preferência

  1. Google Font API
  2. Kernest Font API
  3. Cufon Font Embedding JavaScript
1. API do Google Fontes.

Este é o melhor método robusto e adicionar fontes personalizadas para o seu blog blogger. Ele usa o @ font-face técnica, mas você não precisa se preocupar com as coisas backend. Você pode ver uma lista de fontes disponíveis na Fonte Google Directory .

Quando você seleciona uma fonte particular, o Google irá fornecer-lhe o código Embed que parece

image

<Href = link 'http://fonts.googleapis.com/css?family =FontName"rel =" stylesheet "type =" text / css ">


Copie esse código e você terá que modificá-lo, alterando > , no final do código para />



Que é que você tem para alterar o código para algo como



<Href = link 'http://fonts.googleapis.com/css?family =FontName"rel =" stylesheet "type =" text / css "/>


Adicionando o Google CSS Embed Code


Agora vá para o Blogger >  Layout  > Editar HTML página



Pesquisar <head> e imediatamente abaixo da linha que colar o código Embed editado e salvar o seu modelo.



image



Usando este Custom Font em seu modelo


Você pode usar esta fonte de costume em qualquer de suas CSS Font Definitions. Por exemplo, se você quiser mudar o Post Title Font para um presente, então você pode usar o seguinte código CSS



-Título h3.post (font-family: "CustomFontName 'serif,;)


Neste serif definição é uma fonte de recurso que será utilizado no caso de algo de ruim aconteceu ao carregar a fonte personalizada. (É uma prática segura de modo a incluir pelo menos uma fonte de recurso e que irá ajudar na luta contra comportamentos inesperados) Depois de editar o CSS acima com o bom nome da fonte personalizada, adicione o código acima do fechamento ]]></ b: skin> tag no seu modelo.



image



Você pode alterar outras fontes em seu modelo, modificando as definições font-family no seu modelo.



Como utilizar múltiplas fontes personalizadas no seu Blogger


Quando você usa vários Custom Fonts, então não há necessidade de adicionar o Google incorporar códigos CSS times.You múltiplo pode carregar várias fontes usando uma única linha de código.



Por exemplo, se você estiver planejando usar 3 custom Fontes Tangerine,Inconsolata,Droid Sans, então você pode carregar todas estas três fontes usando um único código embed



<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans"/>


ou seja, basta separar as várias fontes de um |



Agora, para aplicar essas fontes em seu modelo, você pode usá-los em seu modelo CSS



Por exemplo, você pode usar algo como



-Título h3.post (font-family: "Tangerine"serif,;) # header h1 (font-family: "Inconsolata", serif;). sidebar h2 (font-family: "Sans Droid", serif;)




Extra Settings


Por padrão, a API do Google fornece a versão normal da fonte. Se você precisar de versões especializadas como negrito, itálico ou negrito e itálico, então você tem que acrescentar : b  , : i ou : bi para o nome da fonte na fonte google código embed.



Por exemplo, se você precisar a versão + blold itálico da fonte Tangerine, então você deveria ter usado o seguinte código embed



<Href = link 'http://fonts.googleapis.com/css?family=Tangerine: bi'rel' stylesheet 'type = "text / css"/>


Se você gosta de brincar com os códigos, em seguida, submeter o Google Font Documentação da API



Você também pode querer consultar o Google JavaScript Web Font Loader, que fornece mais fontes e fornecedores Fonte.



Essas fontes Web seria muito útil para não-Inglês Blogs, se as fontes língua são adicionados ao diretório fonte





2. Kernest Font API


1.Criar uma conta e inscrição na Kernest



2.Browse pelo Fontes em Kernest.



3. Adicione a sua url de domínio, clicando no Embed URL do domínio



image



4.Caso a fonte é livre você vai encontrar o código embed abaixo do demo fonte.



image



Copie o código Style Sheet de lá (como mostrado na imagem acima)



5.Login para o seu modelo do Blogger e vá para Layout > Editar HTML e cole este código logo abaixo do <head> tag no seu blogger modelo e salvá-lo.



image



6. Agora você pode usar esse nome Custom Font Definitions dentro do seu estilo CSS.



Por exemplo, se você precisa mudar o estilo de letra do título do post, adicione o seguinte código



.-Título do post h3 (font-family: "NAME_OF_THE_FONT_U_ADDED, serif ";)


um pouco acima do fechamento ]]></ b: skin> tag após a edição do código com o nome da fonte personalizada que você adicionou. serif (é a fonte de recurso que será utilizado se alguns misbehaviours impediu a sua fonte personalizada de carga)



image



Você pode usar esse nome Custom Font definições em qualquer estilo de fonte no seu template





3. Cufon Font Embedding


1.Você deve ter o tipo de letra com você no TTF, OTF ou formatos PFB.



Ir para o 2.Now Cufon Gerador de página e procurar sua fonte na cara tipo regular seção



Certifique-se que "O EULAs dessas fontes permitir Web Embedding".



Aceite os termos e clique no Lets "fazê-lo" Button



3. Você será solicitado a baixar um arquivo JavaScript. Salve-o em seu computador.



4.Right Clique neste link e clique no link opção Salvar como e salve este arquivo JavaScript no seu PC.



5.Upload esses dois arquivos JavaScript em algum lugar e anote os seus urls.



6. Agora Goto Blogger Layout > Editar HTML e, logo abaixo do <head> no seu template, adicione o seguinte código após a edição do código com as urls adequada dos dois arquivos de script



src="url_of_cufon-yui.js" <script type="text/javascript"> </ script> <script src="url_of_the_font.js" type="text/javascript"> </ script> / 


<script type="text/javascript"> Cufon.replace ('. post h3'); <script> /


7. Agora, pouco antes de o corpo marca de fechamento <body> / , adicione o seguinte código (correção IE)



<script type="text/javascript"> Cufon.now (); </ script>


Eu aconselharia você usar o Google Font Embedding API, mas as fontes disponíveis sobre eles são agora limitados. Kernest também tem uma boa coleção de fontes. Se você usar Cufon certifique-se que você tem os direitos para usar a fonte. Cufon lhe permitirá utilizar praticamente qualquer fonte, mas não é tão robusto como os outros dois métodos.



creditos de Fonte: Plugins Blogger



 



Bookmark and Share

1 comentários:

Talita Ackles on 28 de novembro de 2010 23:41 disse... ( Responder comentário )

:-C
Fiz o que tá escrito aí em cima no meu blog de testes, mas quando fui passar pro meu blog mesmo e não funcionou, nem encontrei o erro... mas enfim...

Postar um comentário

seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.

Copie o código referente a imagem e cole
:-A :-Z :-C :-X :-E
:-F :-G :-H :-I :-J
:-K :-L :-M :-N :-O
:-P :-Q :-R :-( :-T
:-a :-e :-i :-o :-w

uma lista com as últimas postagens que ira gostar.

Hello visitante seja bem vindo sua presença é um prazer

ads ads ads
 

Recommended links

  • ads
  • ads
  • ads
  • ads

DOUTOR. Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

Creative Commons License
This work is in the Public Domain.
Linkbão Oi Torpedo Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online torrent Resultado Dupla Sena Resultado Loteria Federal Resultado Loteca Resultado Lotofacil Resultado Lotogol Resultado Lotomania Resultado Mega-sena Resultado Quina Resultado Timemania baixa-facil Link-facil Resultado Loterias