0:00:00.526,0:00:03.525
Também podemos usar o CSS para mudar[br]o tamanho do nosso texto.

0:00:03.666,0:00:06.564
Como você pode ver olhando[br]os títulos nessa página

0:00:06.564,0:00:09.357
comparado aos parágrafos,[br]o navegador já providencia

0:00:09.357,0:00:12.248
estilos padrões com diferentes tamanhos[br]para elementos diversos.

0:00:12.352,0:00:13.643
Tem o tamanho da fonte do corpo.

0:00:13.643,0:00:15.936
e tamanhos maiores[br]para cada nível de título.

0:00:16.102,0:00:18.650
as vezes queremos ajustar[br]esses tamanhos.

0:00:18.857,0:00:22.206
E podemos fazer isso com a[br]propriedade 'font-size' do CSS.

0:00:22.419,0:00:23.853
Por exemplo:

0:00:23.853,0:00:28.643
E se quisermos que todo o texto [br]da página seja um pouco menor?

0:00:28.948,0:00:31.062
Bem, vamos para a tag 'style',

0:00:31.102,0:00:34.590
e adicionamos uma regra de CSS[br]para a tag 'body'.

0:00:34.889,0:00:39.247
E dentro dela,[br]colocamos a propriedade 'font-size'.

0:00:39.477,0:00:42.669
Agora, que valor deve ser atribuído[br]para o 'font-size'?

0:00:42.959,0:00:45.654
Como medimos o 'font-size'?

0:00:45.930,0:00:47.954
Essa é na verdade [br]uma ótima questão.

0:00:47.954,0:00:50.267
Porque existem pelo menos[br]dez diferentes unidades

0:00:50.267,0:00:52.358
que suporta CSS para 'font-size'.

0:00:52.684,0:00:55.674
iniciemos com a unidade[br]que você viu antes: pixels.

0:00:55.853,0:00:58.623
Usamos pixels para decidir[br]o quão grande fazer as imagens.

0:00:58.623,0:01:00.993
E continuaremos a usá-los bastante em CSS.

0:01:01.286,0:01:02.985
Vamos tentar 11 pixels.

0:01:04.040,0:01:06.145
Hah. Tudo ficou menor.

0:01:06.405,0:01:08.510
Até os títulos ficaram menores.

0:01:08.786,0:01:11.172
Por que os títulos também ficaram menores?

0:01:11.363,0:01:15.316
Eles não deveriam ser do tamanho em pixels[br]que o navegador decidiu antes?

0:01:15.502,0:01:16.288
Não.

0:01:16.432,0:01:21.954
Pois o estilo padrão do navegador[br]para títulos não é dito em pixel.

0:01:21.962,0:01:25.207
É especificado usando[br]uma unidade diferente, chamada "em".

0:01:25.495,0:01:27.450
E ela é uma unidade relativa

0:01:27.450,0:01:31.695
que faz o tamanho da fonte dos títulos[br]ficarem proporcionais a fonte do corpo.

0:01:32.099,0:01:33.817
Deixe-me mostrar o que quer dizer.

0:01:34.055,0:01:36.439
Vamos para o nosso estilo de regra 'h2'

0:01:36.574,0:01:38.904
e adicionamos a propriedade 'font-size'.

0:01:39.446,0:01:44.489
Dessa vez, ao invés de pensar em pixels,[br]eu pensarei relativamente.

0:01:44.701,0:01:49.903
Quão maior, relativamente, queremos [br]que '' seja, comparado ao texto?

0:01:50.173,0:01:52.857
Talvez, duas vezes maior?

0:01:53.305,0:01:56.763
Para isso, escrevemos '2em'.

0:01:56.992,0:02:00.171
O que ocorreu na verdade foi que[br]o navegador calculou

0:02:00.171,0:02:01.608
um tamanho de pixel para a fonte.

0:02:01.810,0:02:05.048
O navegador sabe que,[br]o tamanho do corpo é de 11 pixels.

0:02:05.048,0:02:08.055
E você disse que 'h2' deveria ser[br]duas vezes maior,

0:02:08.055,0:02:11.574
Então todo o ''[br]estará a 22 pixels.

0:02:12.142,0:02:16.576
Se trocarmos o tamanho da fonte[br]do corpo para 12 pixels,

0:02:16.576,0:02:18.932
então o quão grande ficará ''?

0:02:19.267,0:02:21.494
Isso mesmo, 24 pixels.

0:02:21.868,0:02:26.345
E se trocarmos o tamanho do 'h2'[br]para 1.5em?

0:02:26.760,0:02:30.805
Agora o 'h2' será[br]12 vezes 1.5,

0:02:31.023,0:02:32.666
que é 18 pixels.

0:02:33.273,0:02:37.754
Podemos também especificar um[br]tamanho em pixel para o 'h2' como no corpo,

0:02:37.754,0:02:39.521
e funcionaria do mesmo jeito.

0:02:39.634,0:02:41.502
Depende do que você acha mais fácil.

0:02:41.502,0:02:45.258
E como mencionei antes, existem[br]várias outras unidades que podemos usar

0:02:45.258,0:02:46.922
além de pixels e em.

0:02:47.224,0:02:49.568
Essas são apenas[br]as unidades mais populares.

0:02:49.568,0:02:51.016
Mas se você quer saber mais,

0:02:51.016,0:02:53.193
olhe mais documentos a respeito[br]de 'font-size',

0:02:53.193,0:02:55.402
ou procure na internet por mais tutoriais.

0:02:55.503,0:02:57.967
Está na hora de deixar sua fonte incrível!

0:02:58.627,0:03:02.977
Traduzido por [Alef Almeida] revisado por [Valter Bigeli].