Mudando Fontes no seu site Drupal
o style.css arquivo contém as regras para a cor, estilo e tamanho das fontes para o tema Drupal. Aqui está um resumo de algumas da codificação utilizada para controlar a aparência de fontes que você vê na style.css:
fonte: Esta marca aparece apenas uma vez em 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 é.
font-weight: Usado para definir o texto para negrito.
estilo de fonte: Usado principalmente para definir o texto para itálico.
text-decoration: Controla se um link é sublinhado.
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.
body {font: 76% / 170% Verdana, Arial, Helvetica, sans-serif- color: # 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.
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:
font: 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 e Verdana menor para o modelo, foi escolhido de modo a esta linha foi mudado de volta para font: 76% / 170% Verdana, Arial, Helvetica, sans-serif-.
a {text-decoration: none; font-weight: bold-}o text-decoration controla se links em seu site estão sublinhados. Neste caso, eles não são. o font-weight faz com que 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 alguma coisa 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.
Tentativa e erro é uma maneira de descobrir o que os estilos no 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 está a controlar o aparecimento do nome do site no cabeçalho. Na parte inferior direita do navegador, você pode ver onde no código CSS a formatação está definida. Saiba mais sobre o Firebug no Getfirebug.com.
Você pode ajustar muitos outros detalhes e fazer modificações em temas. Drupal.org/theme-guide é um guia extremamente completo.