Shefarol Soluções Web

Font Face - Voltar

Exemplo de fontes com @font-face

 

Exemplo de fontes - ahdn.ttf

Exemplo de fontes - alpha_death.ttf

Exemplo de fontes - blade.ttf

Exemplo de fontes - cf_crackand_bold.ttf

Exemplo de fontes - cf_punk_forever.ttf

Exemplo de fontes - fairies.otf

Exemplo de fontes - hard_rock.ttf

Exemplo de fontes - jf_rock_out.ttf

Exemplo de fontes - jf_rock_sol.ttf

Exemplo de fontes - kft_roadbrush.ttf

Exemplo de fontes - mawns_rock.ttf

Exemplo de fontes - onslaughter.otf

Exemplo de fontes - squealer.ttf

Exemplo de fontes - the_dark.ttf

Exemplo de fontes - thrash_decision.otf

Exemplo de fontes - tragic_vision.ttf

Exemplo de fontes - vtks_rock_garage_band.ttf

Exemplo de fontes - vtks_rude_metal.ttf

Exemplo de fontes - vtks_rude_metal_shadow.ttf


Exemplo do CSS
@font-face { 
	font-family: 'ahdn';
	src: url('../fonts/ahdn.ttf');
}
.ahdn{ 
	font-family: 'ahdn';
}
@font-face { 
	font-family: 'alpha';
	src: url('../fonts/alpha_death.ttf');
}
.alpha{ 
	font-family: 'alpha';
}
@font-face { 
	font-family: 'blade';
	src: url('../fonts/blade.ttf');
}
.blade{ 
	font-family: 'blade';
}
@font-face { 
	font-family: 'cf_crackand';
	src: url('../fonts/cf_crackand_bold.ttf');
}
.cf_crackand{ 
	font-family: 'cf_crackand';
}
@font-face { 
	font-family: 'cf_punk';
	src: url('../fonts/cf_punk_forever.ttf');
}
.cf_punk{ 
	font-family: 'cf_punk';
}
@font-face { 
	font-family: 'fairies';
	src: url('../fonts/fairies.otf');
}
.fairies{ 
	font-family: 'fairies';
}
@font-face { 
	font-family: 'hard';
	src: url('../fonts/hard_rock.ttf');
}
.hard{ 
	font-family: 'hard';
}
@font-face { 
	font-family: 'jf_rock_out';
	src: url('../fonts/jf_rock_out.ttf');
}
.jf_rock_out{ 
	font-family: 'jf_rock_out';
}
@font-face { 
	font-family: 'jf_rock_sol';
	src: url('../fonts/jf_rock_sol.ttf');
}
.jf_rock_sol{ 
	font-family: 'jf_rock_sol';
}
@font-face { 
	font-family: 'ktf';
	src: url('../fonts/kft_roadbrush.ttf');
}
.ktf{ 
	font-family: 'ktf';
}
@font-face { 
	font-family: 'mawns';
	src: url('../fonts/mawns_rock.ttf');
}
.mawns{ 
	font-family: 'mawns';
}
@font-face { 
	font-family: 'onslaughter';
	src: url('../fonts/onslaughter.otf');
}
.onslaughter{ 
	font-family: 'onslaughter';
}
@font-face { 
	font-family: 'squealer';
	src: url('../fonts/squealer.ttf');
}
.squealer{ 
	font-family: 'squealer';
}
@font-face { 
	font-family: 'the_dark';
	src: url('../fonts/the_dark.ttf');
}
.the_dark{ 
	font-family: 'the_dark';
}
@font-face { 
	font-family: 'thrash';
	src: url('../fonts/thrash_decision.otf');
}
.thrash{ 
	font-family: 'thrash';
}
@font-face { 
	font-family: 'tragic';
	src: url('../fonts/tragic_vision.ttf');
}
.tragic{ 
	font-family: 'tragic';
}
@font-face { 
	font-family: 'rock_garage';
	src: url('../fonts/vtks_rock_garage_band.ttf');
}
.rock_garage{ 
	font-family: 'rock_garage';
}
@font-face { 
	font-family: 'rude_metal';
	src: url('../fonts/vtks_rude_metal.ttf');
}
.rude_metal{ 
	font-family: 'rude_metal';
}
@font-face { 
	font-family: 'metal_shadow';
	src: url('../fonts/vtks_rude_metal_shadow.ttf');
}
.metal_shadow{ 
	font-family: 'metal_shadow';
}