CSS - fontes

Transcript

1. @omadson
2. Fontes Tipo, Tamanho, Estilo e Peso CSS - @omadson 2
3. • Tipo (ou família) • Tamanho • Seu estilo (regular, itálico, outline, etc.) • Seu peso (normal, negrito, light, black) CSS - @omadson 3
4. • 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; }
5. • 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”; }
6. • Tipo (ou família) • Tamanho • Seu estilo (regular, itálico, outline, etc.) • Seu peso (normal, negrito, light, black) CSS - @omadson 6
7. • 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; }
8. • 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; }
9. • Tipo (ou família) • Tamanho • Seu estilo (regular, itálico, outline, etc.) • Seu peso (normal, negrito, light, black) CSS - @omadson 9
10. • 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; }
11. • 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; }
12. • 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; }
13. • Tipo (ou família) • Tamanho • Seu estilo (regular, itálico, outline, etc.) • Seu peso (normal, negrito, light, black) CSS - @omadson 13
14. • 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; }
15. • 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; }
16. • 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; }
17. • 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; }
18. • 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; }
19. • 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; }
20. • Tipo (ou família) • Tamanho • Seu estilo (regular, itálico, outline, etc.) • Seu peso (normal, negrito, light, black) CSS - @omadson 20
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 21
22. 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;
23. 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; }
24. • http://goo.gl/Od32a • http://goo.gl/Sm5We • http://goo.gl/Ca8TO CSS - @omadson 24
25. • http://omadson.wordpress.com @omadson • http://yagoacp.wordpress.com @Yago_A • http://jedersonsecundino.wordpress.com @JedersonS CSS - @omadson 25
26. Obrigado! CSS - @omadson 26