Post on 29-Jun-2015
transcript
@omadson
FontesTipo, Tamanho, Estilo e Peso
CSS - @omadson 2
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 3
• 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;
}
• 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”;
}
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 6
• 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;
}
• 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;
}
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 9
• 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;
}
• 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;
}
• 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;
}
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 13
• 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;
}
• 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;
}
• 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;
}
• 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;
}
• 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;
}
• 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;
}
• Tipo (ou família)
• Tamanho
• Seu estilo (regular, itálico, outline, etc.)
• Seu peso (normal, negrito, light, black)
CSS - @omadson 20
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
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;
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;
}
• http://goo.gl/Od32a
• http://goo.gl/Sm5We
• http://goo.gl/Ca8TO
CSS - @omadson 24
• http://omadson.wordpress.com @omadson
• http://yagoacp.wordpress.com @Yago_A
• http://jedersonsecundino.wordpress.com @JedersonS
CSS - @omadson 25
Obrigado!
CSS - @omadson 26