Utilizando Fontes de Texto Internas No Projeto

Front-end
#1

Boa tarde amigos!

Estou trabalhando em meu TCC e uma das principais caracteristicas do projeto e sua interface amigavel.
Para tanto e como devem imaginar, preciso utilizar fontes de texto especificas.

Pesquisei aqui mesmo no forum e percebi que esse e um problema corriqueiro.
Depois de algum tempo debrucado sobre o problema, cheguei ao que parece uma solucao definitiva!

E agora vou disponibilizar a toda comunidade, para que nao precisem bater cabeca com esse problema.

Primeiro vamos criar a estrutura de pastas para receber a fonte:

01 - Crie uma pasta chamada [color=red]fonts[/color] na pasta [color=red]WebContent[/color] do seu projeto;
02 - Agora, cole dentro dessa o arquivo de fonte que deseja empregar.

Agora a do CSS:

01 - Dentro do seu CSS principal, crie um bloco como o abaixo:

.nomeDaClasse {
	font-family: 	SuaFonte;
	font-style:  	normal;
	font-weight: 	normal;
	src: 			url("fonts/sua-fonte.ttf");
}

Agora basta importar seu CSS para o dentro do seu JSP / HTML:

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<link rel="StyleSheet" href="css/header.css" type="text/css">
		<title>SeuProjeto</title>
	</head>
	<body>
		<h1 class="nomeDaClasse ">
			SEU PROJETO
		</h1>
		<hr>
	</body>
</html>

02 - Note que ele trabalha com uma classe especifica, mas isso nao o impede de utiliza-lo em todo a pagina.

Pronto! Agora seu projeto estara com a fonte que desejar!

A magica, por assim dizer, esta na primeira e na ultima linha do bloco:
Aqui precisa informar o nome correto da fonte. No visualizador de fontes do seu SO ele aparece. :wink:

	font-family: 	SuaFonte;

E aqui esta o caminho exato para o arquivo de fonte na pasta que criou.

src: 		url("fonts/sua-fonte.ttf");

Essa forma e bastante simples.
Peco aos amigos que desenvolvam melhor ela e compartilhem conosco, a quem interessar!
E peco desculpas pela escrita carente de acentos… :frowning:

Bom, termino por aqui.
Espero ter ajudado alguem com isso, rsrsrs :smiley:

Grande abraco a todos!!
8)

#2