Fontes
Tipo, Tamanho, Estilo e Peso
CSS - @omadson 2
Slide 3
Slide 3 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 3
Slide 4
Slide 4 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 4
p {
font-family: courier;
}
Slide 5
Slide 5 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 5
p {
font-family: “Calisto MT”;
}
Slide 6
Slide 6 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 6
Slide 7
Slide 7 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 7
p {
font-size: 12pt;
}
Slide 8
Slide 8 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 8
p {
font-size: 25px;
}
Slide 9
Slide 9 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 9
Slide 10
Slide 10 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 10
p {
font-style: normal;
}
Slide 11
Slide 11 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 11
p {
font-style: italic;
}
Slide 12
Slide 12 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 12
p {
font-style: oblique;
}
Slide 13
Slide 13 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 13
Slide 14
Slide 14 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 14
p {
font-weight: normal;
}
Slide 15
Slide 15 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 15
p {
font-weight: bold;
}
Slide 16
Slide 16 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 16
p {
font-weight: bolder;
}
Slide 17
Slide 17 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 17
p {
font-weight: lighter;
}
Slide 18
Slide 18 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 18
p {
font-weight: 100;
}
Slide 19
Slide 19 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 19
p {
font-weight: 900;
}
Slide 20
Slide 20 text
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 20
Slide 21
Slide 21 text
font
• Para especificar várias propriedades de um seletor de
uma vez só, pode-se usar a propriedade font. Nesta
sintaxe, a ordem dos fatores é importante, porém nem
todos os elementos precisam estar presentes.
CSS - @omadson 21
Slide 22
Slide 22 text
font
• Para especificar várias propriedades de um seletor de
uma vez só, pode-se usar a propriedade font. Nesta
sintaxe, a ordem dos fatores é importante, porém nem
todos os elementos precisam estar presentes.
CSS - @omadson 22
font: style weight size family;
Slide 23
Slide 23 text
font
• Para especificar várias propriedades de um seletor de
uma vez só, pode-se usar a propriedade font. Nesta
sintaxe, a ordem dos fatores é importante, porém nem
todos os elementos precisam estar presentes.
CSS - @omadson 23
p {
font: italic bold 13pt Georgia;
}