Lettertype Volter (Goldfish) op je site

Status
Niet open voor verdere reacties.
apellsientje925

apellsientje925

Gebruiker
Lid geworden
6 jun 2009
Berichten
142
Hoi,

Hoe krijg ik het lettertype Volter (Goldfish) op mijn site?
Kan ik deze bijvoorbeeld uploaden naar mijn site?

MVG
 
Upload het .ttf bestand van Volter (Goldfish) naar je server. Onthoud de locatie (bijvoorbeeld: http://www.appelsientjeswebsite.nl/includes/fonts/volter_goldfish.ttf).

Zet bovenaan het CSS bestand (als je tenminste externe CSS gebruikt voor je site, maak anders een nieuw CSS bestand aan en link ernaar in de head van je html) het volgende:

Code: 
@font-face {
	font-family: Volter_Goldfish;
	src: url('http://www.appelsientjeswebsite.nl/includes/fonts/volter_goldfish.ttf'); /* dit is de locatie van het geuploade ttf bestand van het font Volter*/
}

Als je dit font voor je hele website wilt gebruiken, zet je in de css het volgende:

Code: 
body {
      font-family : Volter_Goldfish, Verdana, Geneva, Arial, Helvetica, sans-serif;
      }

Omdat ik niet weet of de "@font-face" property door alle browsers wordt ondersteund weet ik niet of dit de beste manier is. Ook daarom heb ik achter de font-family ook nog Verdana etc. neergezet voor de browsers waarbij "@font-face" niet werkt.
 
Laatst bewerkt:
Dat bedoelde ik niet helemaal,
Hoe zorg je dat dat css bestand de website bereikt.
Dus in de index
 
apellsientje925 zei:
Dat bedoelde ik niet helemaal,
Hoe zorg je dat dat css bestand de website bereikt.
Dus in de index
Klik om te vergroten...

Sorry ik snap niet helemaal wat je bedoelt met "het css bestand bereikt de website". Gewoon uploaden met een FTP programma als FileZilla naar je server???
 
Nee moet je bijvoorbeeld iets in de code zetten van je index om te zorgen dat het css bestand werkt
 
Code: 
<link rel="stylesheet" href="stylesheet.css" type="text/css">

Waarbij stylesheet de naam van het css bestand is. Deze code moet in de head.
 
Sorry maar werkt niet
Dit is de code in mijn css:
Code: 
html {
	body {
      font-family : Volter (Goldfish), Verdana, Geneva, Arial, Helvetica, sans-serif;
      }
}

body {
	@font-face {
	font-family: Volter (Goldfish);
        font-size: 7px;
	src: url('http://habso.nl/Volter__28Goldfish_29.ttf');
}
Iets fout gedaan?
 
Nieuw CSS bestand maken (open kladblok), css die je hebt kopieeren en plakken in dat bestnd, bestand opslaan als CSS (extensie: .css ipv .txt), uploaden naar server, en in de head van je html linken naar deze css zoals probleempjes zei.
 
Dat doe ik
Maar werkt niet.
Dit is waar hij staat:
Code: 
<html>
<head>
<title>...</title>
</head>
<link rel="stylesheet" href="tekst.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">
 
Die twee lijntjes code met "<link>" moeten vòòr de "</head>" tag.
 
Sorry voor al mijn vragen maar ik vraag het toch (snap er nog niet zo heel veel van:o)
Hoe doet je dat?
 
Sorry voor al mijn vragen maar ik vraag het toch (snap er nog niet zo heel veel van)
Klik om te vergroten...

Geen probleem we zijn hier om je te helpen :D

Verander dit:
Code: 
<html>
<head>
<title>...</title>
</head>
<link rel="stylesheet" href="tekst.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">

in dit:
Code: 
<html>
<head>
<link rel="stylesheet" href="tekst.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">
<title>...</title>
</head>
 
Wat doe ik fout?
website: http://habso.nl
CSS:
Code: 
html {
	body {
      font-family : Volter (Goldfish), Verdana, Geneva, Arial, Helvetica, sans-serif;
      }
}

body {
	@font-face {
	font-family: Volter (Goldfish);
        font-size: 7px;
	src: url('http://habso.nl/Volter__28Goldfish_29.ttf');
}
index:
Code: 
<html>
<head>
<link rel="stylesheet" href="tekst.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">
<title>Habso.nl-Nog niet klaar!-</title>
</head>
</head>
<br><br><br><br>a
<center><table width="395" border="0" cellspacing="0" cellpadding="0" height="358">
<tr background="/images/tekst_achtergrond.png">
<td><center>Welkom!<br><br>
Welkom op Habso.nl. De site is nog lang niet klaar,<br>
de layout lijkt nog nergens op. Dit is de voorlopige pagina<br>
Heb je ideeën over Habso.nl? Stuur ze dan naar <a href="mailto:contact@habso.nl">contact@habso.nl</a><br>
<br>
Met vriendelijke groet,<br><br>
Habso.nl
</center>
</td>
</tr>
</table>
</center>
</html>
 
Hoe heet het stylesheet bestand?

Volgens mijn code zou het zo moeten:

attachment.php


#Edit: Zie net dat je de code hebt aangepast: je zal stylesheet achter rel="" ook moeten veranderen naar tekst.css.
 

Bijlagen

  • Screendumpert.png
    Screendumpert.png
    1,9 KB · Weergaven: 149
Laatst bewerkt:
Dit moet hem zijn:

Code: 
@font-face {
font-family: Volter (Goldfish);
src: url('http://habso.nl/Volter__28Goldfish_29.ttf');
}

body {
font-family: Volter (Goldfish);
font-size: 7px;
      }
 
*zucht*

Hij werkt nog niet, ik weet niet of dit veel moeite kost, maar zouden jullie allebei de code's eens willen posten?
Alvast bedankt,
Edit: Komt de stylesheet zo ook in de tekst van de tabel?
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan