From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-pt/web/css/font-weight/index.html | 119 +++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 files/pt-pt/web/css/font-weight/index.html (limited to 'files/pt-pt/web/css/font-weight') diff --git a/files/pt-pt/web/css/font-weight/index.html b/files/pt-pt/web/css/font-weight/index.html new file mode 100644 index 0000000000..8879e55501 --- /dev/null +++ b/files/pt-pt/web/css/font-weight/index.html @@ -0,0 +1,119 @@ +--- +title: font-weight +slug: Web/CSS/font-weight +tags: + - Referencia_CSS +translation_of: Web/CSS/font-weight +--- +

{{ CSSRef() }}

+ +

Resumo

+ +

A propeidade {{ Cssxref("font-weight") }} especifica o peso ou o traço da fonte:

+ + + +

Sintaxe

+ +

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | {{ Cssxref("inherit") }}

+ +

Valores

+ +
+
normal 
+
O peso normal da fonte. Semelhante ao 400.
+
bold 
+
O peso negrito da fonte. Semelhante ao 700.
+
lighter 
+
Um peso de fonte mais leve que o elemento pai (entre os pesos disponíveis da fonte).
+
bolder 
+
Um peso de fonte duas vezes grosso que o elemento pai (entre os pesos disponíveis da fonte).
+
100, 200, 300, 400, 500, 600, 700, 800, 900 
+
Os pesos numéricos de fontes para fontes que fornecem mais do que apenas normal e negrito. Se o peso exato fornecido não estiver disponível, então 600-900 utiliza o mais próximo e disponível peso mais duas vezes grosso (ou, se não houver, o peso mais leve disponível e mais próximo) e 100-500 utiliza o peso mais leve disponível e mais próximo (ou, se não houver, o peso mais escuro disponível e mais próximo). Significa que para fontes que fornecem apenas normal e negrito, 100-500 são normais e 600-900 são negritos.
+
+ +

Exemplos

+ +

HTML

+ +
<p>
+Alice começava a ficar muito cansada de sentar-se junto à irmã no banco e
+de não ter nada para fazer: uma ou duas vezes ela espiou o livro que a irmã
+estava a ler, mas não tinha fotos nem conversas nele, «e qual é a utilização
+de um livro», pensou Alice, «sem fotos ou conversas?»
+</p>
+
+<div>Sou quatro vezes grosso<br/>
+  <span>Sou mais leve</span>
+</div>
+
+ +

CSS

+ +
/* Definir o texto do parágrafo como negrito. */
+p {
+  font-weight: bold;
+}
+
+/* Defina o texto div para dois passos mais grossos do
+que o normal, mas menos que um negrito padrão. */
+div {
+ font-weight: 600;
+}
+
+/* Define o texto dentro da tag span para
+ser um passo mais leve que o pai. */
+span {
+  font-weight: lighter;
+}
+ +

Resultado

+ +

{{EmbedLiveSample("Exemplos","400","300")}}

+ +

Especificações

+ + + +

Compatibilidade com navegadores

+ + + + + + + + + + + + + + + + + + + + +
NavegadorVersão mais antiga
Internet Explorer3
Netscape4
Opera3.5
+ +

Veja também

+ +

{{ Cssxref("font") }} {{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}

+ +

Categorias

+ +

Interwiki Language Links

+ +

{{ languages( { "en": "en/CSS/font-weight", "fr": "fr/CSS/font-weight" } ) }}

-- cgit v1.2.3-54-g00ecf