40 likes | 121 Views
COLEGIO DA IMACULADA Curso Técnico em Informática. CSS Utilizando Fontes que não estejam instaladas no Sistema Operacional. Prof. Tales Kunz Cabral talescabral@colegiodaimaculada.com.br. 3º Módulo. Fontes. Onde se localizam: % SystemRoot % fonts Como adicionar/remover:
E N D
COLEGIO DA IMACULADA Curso Técnico em Informática CSSUtilizando Fontes que não estejam instaladas no Sistema Operacional Prof. Tales Kunz Cabral talescabral@colegiodaimaculada.com.br 3º Módulo
Fontes • Onde se localizam: • %SystemRoot%\fonts • Como adicionar/remover: • Painel de Controle/Fontes (XP) • Painel de Controle/Aparência e Personalização/Fontes (7) • Onde encontrar: • Em sites que desenvolvam estas fontes. Por exemplo: • http://www.fontsquirrel.com/ . Acesso em Maio de 2014.
Procedimento @font-face { font-family: "Sevillana-Regular"; src: local('Sevillana-Regular'), url('Sevillana-Regular.ttf') format('truetype'); } body{ font: 30px "Sevillana-Regular"; } Após fazer o download da fonte, coloque-a na mesma pasta de sua homepage (ou em subpastas, conforme desejado): Crie um estilo CSS (interno ou externo – não é aconselhável o inline), com o conteúdo a seguir: Salve o arquivo com formato de página (html, htm, php...). Abra no navegador e avalie.
Exercício Aplique uma determinada fonte (não existente no Sistema Operacional) ao conteúdo de uma homepage.