Archief - font-face probleempje

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

Big_

Legacy Member
Ik zou graag eens font-face gebruiken i.p.v google webfonts maar ik krijg hem niet werkend.

de font staat in mijn hoofdmap van de website, en ook in de map van windows, fonts.

@font-face {
font-family: finenessregular;
src: url(finenessregular.ttf);
}

.content_wrapper {
height: 320px;
width: 230px;
float: left;
margin-top: 20px;
margin-left: 20px;
color: #FFF;
font-size: 16px;
font-family: finenessregular;
}

hij detecteert deze helemaal niet..
b

bealzebub

Legacy Member
Big_ zei:
Ik zou graag eens font-face gebruiken i.p.v google webfonts maar ik krijg hem niet werkend.

de font staat in mijn hoofdmap van de website, en ook in de map van windows, fonts.
Klik om te vergroten...

Code: 
@font-face {
	[B]font-family: "finenessregular";[/B]
	[B]src: url('finenessregular.ttf');[/B] [I]// Je path moet relatief tov je css bestand zijn, dus als die in een map "style" staat en je font staat in de root directory, dan is het url('../finessregular.ttf')[/I]
        [B]font-style: normal;[/B]
        [B]font-weight: normal;[/B]
}

.content_wrapper {
	height: 320px;
	width: 230px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	color: #FFF;
	font-size: 16px;
	[B]font-family: "finenessregular";[/B]
}
G

GregoryCo

Legacy Member
Zorg dat je alle font-types gebruikt. En voor de properheid, steek die fonts eens in een mapje, fonts bvb). Zorg dat het pad correct is ook.

Code: 
@font-face{
	font-family: 'finenessregular';
	src: url('../fonts/finenessregular.eot');
	src: local('☺'),
	url('../fonts/finenessregular.woff')
	format('woff'),
	url('../fonts/finenessregular.otf')
	format('opentype'),
	url('../fonts/finenessregular.ttf')
	format('truetype'),
	url('../fonts/finenessregular.svg#webfontCWGy5Apf')
	format('svg');
	font-weight: normal;
	font-style: normal;
}

De fonts kunt je genereren via Create Your Own @font-face Kits | Font Squirrel.
Je moet enkel uw .ttf bestand uploaden en converteren via de site, daarna ga je een zip kunnen downloaden met alle fonts.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan