Font op mobiel
Ik probeer mijn website ook op mobieltjes te laten werken alleen loop ik tegen een vervelend probleem aan.
Alle fonts die ik probeer werken wel via mijn computer, maar niet op mijn mobiel.
Nu dacht ik dat het font er op de mobiel misschien een beetje anders uit zou zien, maar zelfs "Comic Sans MS" wordt door mijn mobiel niet herkent.
Op dit moment zou de tijd linksboven in je scherm in "Comic Sans MS" zijn geschreven:
http://habbelot.com/
Als jullie dit via je mobiel bekijken, zien jullie dan wél "Comic Sans MS"? Zo niet, waar kan dit dan aan liggen?
Alvast bedankt!
Kijk eens naar @font-face op: http://www.w3schools.com/css/css3_fonts.asp
Geeft dat geen (bruikbare) font stack, dan kun je webfonts linken of embedden.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@font-face {
font-family: 'hand11'; src: url('fonts/hand11/hand11.eot?') format('eot'),
url('fonts/hand11/hand11.woff') format('woff'),
url('fonts/hand11/hand11.ttf') format('truetype'),
url('fonts/hand11/hand11.svg#hand11')format('svg');
font-weight: normal;
font-style: normal;
}
.header {
width: 100%;
background: #222200;
padding: 2px 0 0 0;
color: #ffffeb;
font-family: 'hand11', verdana, arial, sans-serif;
font-size: 36px;
}
font-family: 'hand11'; src: url('fonts/hand11/hand11.eot?') format('eot'),
url('fonts/hand11/hand11.woff') format('woff'),
url('fonts/hand11/hand11.ttf') format('truetype'),
url('fonts/hand11/hand11.svg#hand11')format('svg');
font-weight: normal;
font-style: normal;
}
.header {
width: 100%;
background: #222200;
padding: 2px 0 0 0;
color: #ffffeb;
font-family: 'hand11', verdana, arial, sans-serif;
font-size: 36px;
}
Op deze manier kan het font door alle browsers gevonden worden, omdat het bestand bij de website op de server staat.
Maar op de mobieltjes werkt dit nog steeds niet.
Iemand een idee hoe dit op te lossen?