Aha, ik zat aan zoiets te denken:
HTML:
<input type='text' id='invulvak' value='Rillend koud'>
<select id='fontSelect' onchange="vervang()">
<option value='kies' disabled selected>(lettertype)</option>
<option value='Arial'>Arial</option>
<option value='Comic Sans MS'>Comic Sans MS</option>
<option value='Tahoma'>Tahoma</option>
<option value='Courier'>Courier</option>
</select>
met:
[JS]function vervang(){
var verander = document.getElementById('invulvak');
var fontSelect = document.getElementById('fontSelect');
var geselecteerd = fontSelect.options[fontSelect.selectedIndex].value;
if (geselecteerd != 'kies'){
verander.style.fontFamily = geselecteerd;
}
}[/JS]
Wat dan zoiets als
deze in de praktijk wordt.
Doen we nog aan IE? Met ingang van IE6, hebben die van IE ook niet te mopperen!
Met vriendelijke groet,
CSShunter
PS:
Niet onbelangrijk! Als je dit niet alleen op je eigen computer of op een intranet wilt gebruiken, maar het aan iedere bezoeker op je site wilt laten zien, dan kunnen alleen de meest gebruikte
internet-veilige lettertypes gebruikt worden!
Of het gekozen lettertype ook inderdaad getoond kan worden, hangt er namelijk van af, of de
bezoeker dat
lettertype geïnstalleerd heeft staan op zijn/haar computer!
Fantasie-letters die bv. met een of ander tekenprogramma zijn meegekomen, tellen dus niet mee; want lang niet iedereen zal datzelfde tekenprogramma hebben; enz.
- De Windows XP-ridders en -jonkvrouwen (waar ik er 1 van ben) hebben bijvoorbeeld niet standaard de Calibri op de PC. Die werd pas mee-verscheept met Vista (en ook met MS Office 2007, wat ook niet iedereen heeft; ik niet bv.).
Op de Apple'tjes zitten pc-lettertypes soms met een andere naam, of met een verwant lettertype met andere naam. Enz.
Zie o.a. deze, of Google op web safe fonts.
Nu valt daar eventueel wel een workaround voor te verzinnen: dan moet je een hele lettertype-bibliotheek aanleggen en geschikt maken voor meezenden met je pagina.
Maar dat is een heel omvangrijke en pittig ingewikkelde klus.
