Como usar o css para personalizar fontes em um tema wordpress
Você pode alterar as fontes em seu tema WordPress para o estilo ou a legibilidade fins. Tipográficas especialistas em design (ou fonte) usam variações do tipo de letra simples para alcançar resultados de design surpreendentes. Você pode usar fontes de separar manchetes de corpo de texto (ou manchetes de widgets e texto do conteúdo principal) para ser menos perturbador.
Conteúdo
Família de fontes
A web é realmente tipo de exigente sobre como ele exibe as fontes, bem como que tipo de fontes que você pode usar no família de fontes propriedade. Nem todas as fontes exibidas corretamente na web. Para ser seguro, aqui estão algumas famílias de fontes comumente usados que aparecem corretamente na maioria dos navegadores:
Serif fontes: Times New Roman, Georgia, Garamond, e Bookman Old Style
fontes sans-serif: Verdana, Arial, Tahoma, e Trebuchet MS
Serif fontes têm caudas pequenas, ou arabescos, nas bordas de letras. (Este texto está em uma fonte serif). Sem serifa fontes têm bordas retas e são desprovidos de qualquer estilo fantasia.
Video: Curso WordPress - Aula 04 - Editor de Código do tema
Quando você quer mudar uma família de fontes no seu CSS, abra a folha de estilo (style.css), procurar por propriedade: font-family, alterar os valores para essa propriedade, e salvar as alterações.
No CSS modelo padrão, a fonte é definido no tag como esta:
font-family: Georgia, "Carta bitstream", serif-
Cor da fonte
Com mais de 16 milhões de combinações de cores HTML disponível, você pode encontrar apenas o tom certo da cor para seu projeto. Depois de algum tempo, você vai memorizar os seus códigos de cores favoritas. Sabendo códigos para diferentes tons de cinza ajuda a adicionar rapidamente um toque de design extra.
Você pode facilmente mudar a cor da sua fonte, alterando o cor propriedade do seletor CSS que você quer ajustar. Você pode usar códigos hexadecimais para definir as cores.
Você pode definir a cor geral da fonte em seu site, definindo-o no corpo seletor CSS como este:
body {color: # 333-}Tamanho da fonte
Para ajustar o tamanho da sua fonte, altere o tamanho da fonte propriedade do seletor CSS que deseja ajustar. Tamanhos de fonte são geralmente determinados por unidades de medição, tal como nestes exemplos:
px: medição de pixel, ou px- aumentando ou diminuindo o número de pixels aumenta ou diminui o tamanho da fonte (12px é maior do que 10px).
Video: Como encontrar e editar códigos HTML e CSS no Blogger
pt: medição de ponto, ou pt- como com pixels, aumentando ou diminuindo o número de pontos afecta o tamanho da fonte em conformidade (12pt é maior do que 10pt).
%: medição de percentagem, ou %- aumentando ou diminuindo o número percentual afecta o tamanho da fonte em conformidade (50% é equivalente a 8 pixels de 100% é equivalente a 16 pixels).
No CSS modelo padrão, o tamanho da fonte é definido na tag do corpo em pixels, como este:
fonte de tamanho: 12 pixels;
Junte tudo
Estilo da fonte para o corpo geral de seu site, colocando todos os três elementos (font-family, cor e font-size) juntos na tag. Aqui está como eles funcionam juntos na tag do CSS modelo padrão:
body {font-size: 12px; font-family: Georgia, "Carta bitstream", Serif-color: # 666-}