Alterar fontes em seu site drupal

o style.css

arquivo contém as regras para a cor, estilo e tamanho das fontes para seu tema Drupal. Aqui está um resumo de alguns dos códigos usados ​​para controlar a aparência de fontes que você vê na style.css:

  • Fonte: Esta marca aparece apenas uma vez no style.css e especifica a fonte a ser usada para todo o site.

  • tamanho da fonte: Controla o quão grande ou pequeno o texto é.

    Video: CS:GO - COMO MUDAR DE FONTE

  • espessura da FONTE: Usado para definir o texto para negrito.

    Video: Como Personalizar as Fontes em seu site | Wix.com

  • estilo de fonte: Principalmente usado para definir o texto para itálico.

  • text-decoration: Controla se um link é sublinhado.

    Video: Como mudar a fonte (letra) do seu Android

  • cor: Define a cor do texto.

As seguintes linhas de código mostram algumas configurações principais de texto em style.css que você pode querer mudar.

{corpo fonte: 76% / 170% Verdana, Arial, Helvetica, sans-serif- cor: # 000000-}

Duas coisas estão acontecendo nesta linha. o atributo cor controla a cor do texto para todo o site, definindo-o como preto. Se nenhuma outra regra mudar a cor mais adiante neste arquivo, ele aparece como preto no site. Esta especificação controla a cor de todo o texto de conteúdo em todo o site.

Video: Como mudar o Estilo da Fonte (Letras) do celular Android | Baixar e instalar novas fontes

A configuração de fonte, 76% / 170% Verdana, Arial, Helvetica, sans-serif, define tanto o tamanho do texto e da fonte. Se você quiser usar uma fonte diferente e um texto maior, você pode alterar essa linha para ler da seguinte forma:

fonte: 100% Times New Roman, Georgia, Serif-

Isso muda a fonte para todo o site, como você pode ver na ilustração a seguir.



O tipo de letra é maior - e é agora Times New Roman, em vez de Verdana. No exemplo, o tamanho da fonte menor e Verdana para o estilo, foi escolhido pelo que esta linha foi alterado novamente para fonte: 76% / 170% Verdana, Arial, Helvetica, sans-serif-.

a {text-decoration: none; intensidade da fonte: Negrito- }

o text-decoration controla se links em seu site estão sublinhados. Neste caso, eles não são. o espessura da FONTE torna o negrito site links.

a: hover {text-decoration: underline-}

Quando você move o cursor do mouse sobre um dos links no site, aparece o sublinhado. Quando você move o cursor para fora, ele desaparece. Toda vez que você ver flutuar, ele está se referindo ao cursor ser movido por algo e parou ali.

#branding {color: # 000-}

Se o cor mudou # 000, a cor se torna preto e parece melhor contra o fundo amarelo.

Quando alterar o código CSS, ter cuidado para manter os sinais de pontuação exatamente como elas são. Por exemplo, certifique-se cada linha no bloco de código termina com um ponto e vírgula.

style.css pertencem ao que elementos em seu site. Mas há uma maneira mais fácil. Você pode usar o navegador web Firefox e instalar o add-in chamado Firebug. Fazer isso abre um painel no navegador da web e mostra-lhe o que os estilos dos elementos na sua página web está usando.

Na ilustração a seguir, você vê que linha em style.css é controlar a aparência do nome do site no cabeçalho. No canto inferior direito do navegador, você pode ver onde no código CSS a formatação está definida. Saiba mais sobre o Firebug no Getfirebug.com.

Drupal.org/theme-guide é um guia extremamente completo.


Publicações relacionadas