Como Mudar A Fonte No Site

Índice:

Como Mudar A Fonte No Site
Como Mudar A Fonte No Site

Vídeo: Como Mudar A Fonte No Site

Vídeo: Como Mudar A Fonte No Site
Vídeo: Google Fonts, mudando as fontes do seu site - Curso de HTML Completo e Profissional #44 2024, Abril
Anonim

Cada site na Internet pode ser único não apenas em termos de design e cores, mas também em termos das fontes que são usadas nele. Com a ajuda da fonte, você pode selecionar o título, deixar o texto em negrito, aplicar itálico à área selecionada e, em algum lugar, até mesmo sublinhar algo. Mesmo um aluno da primeira série pode lidar com essa tarefa em editores de texto, vamos ver como você pode alterar a fonte do texto em seu próprio site.

Como mudar a fonte no site
Como mudar a fonte no site

Instruções

Passo 1

Abra sua folha de estilo CSS. Via de regra, todos os parâmetros do design do site, inclusive o texto, estão localizados ali. Escreva as propriedades da fonte usando as marcas da família da fonte. Na folha de estilo, você pode alterar as seguintes propriedades da fonte:

font-family - especifique o tipo de fonte que deseja usar. As fontes mais populares são Times New Roman, Tahoma, Verdana, Arial;

font-size - especifique o tamanho da fonte que você precisa na forma do número correspondente, não se esqueça de adicionar pt. Por exemplo, font-size: 10pt;

estilo da fonte - especifique o estilo da fonte, seja normal ou itálico;

font-variant - especifique o caso dos caracteres da fonte, versalete;

font-weight - especifique o peso da fonte, se estará em negrito, negrito, etc.

Passo 2

Você pode alterar a fonte do texto diretamente em um documento HTML específico se não quiser que a folha de estilo aplique a mesma aparência a todo o site. Para fazer isso, use os parâmetros da fonte não mais na folha de estilo, mas diretamente no segmento de texto que deseja alterar. Por exemplo: Aqui está o seu texto

Nesse caso, a tag da fonte possui três parâmetros:

cor - cor da fonte;

face - tipo de fonte;

tamanho - tamanho da fonte.

Altere os parâmetros de texto necessários, você obterá algo como o seguinte:

Aqui está o seu texto

etapa 3

Organize os títulos quando necessário. Os cabeçalhos de texto geralmente são cercados por tags de

antes

dependendo do tamanho do cabeçalho que você deseja obter. H1 - este é o título principal da página, respectivamente, o maior; H6 é o menor. Tags H são tags emparelhadas, então você precisa colocar um H de abertura e um de fechamento.

Passo 4

Aplique opções adicionais de formatação de texto quando apropriado. Você pode:

- destacar um segmento de texto em negrito usando tags emparelhadas ou

- aplique itálico usando tags emparelhadas ou

- sublinhe as seções de texto necessárias usando uma tag emparelhada

Recomendado: