Toon posts:

Eigen Lettertype gebruiken op mijn website

Pagina: 1
Acties:
  • 345 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Hallo,

Ik heb een eigen lettertype gemaakt en wil deze gaan gebruiken op mijn website.
Nu heb ik een tijd geleden een website gezien die ook een eigen lettertype gebruikte die vie zijn website geactiveerd werd.
Nu ben ik de code (helaas) kwijt.

Ik wil dus graag de lettertype in mijn html code verwerken, zodat deze geladen wordt, en de bezoekers mijn website kunnen bekijken in de lettertype die ik gemaakt heb, zonder dat ze de lettertype eerst moeten downloaden en installeren.

Wie kan mij aan de code helpen ?????

ps. mijn server ondersteunt geen asp en php

  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

Verwijderd schreef op 01 augustus 2002 @ 21:44:
Hallo,

Ik heb een eigen lettertype gemaakt en wil deze gaan gebruiken op mijn website.
Nu heb ik een tijd geleden een website gezien die ook een eigen lettertype gebruikte die vie zijn website geactiveerd werd.
Nu ben ik de code (helaas) kwijt.

Ik wil dus graag de lettertype in mijn html code verwerken, zodat deze geladen wordt, en de bezoekers mijn website kunnen bekijken in de lettertype die ik gemaakt heb, zonder dat ze de lettertype eerst moeten downloaden en installeren.

Wie kan mij aan de code helpen ?????

ps. mijn server ondersteunt geen asp en php
Ze zullen het lettertype toch moeten downloaden willen ze het kunnen bekijken :? :Z Alleen jij zoekt een extra makkelijke manier hiervoor zodat ze niet doorhebben dat ze een font installeren...

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


Verwijderd

met PHP includen lijkt me

[edit]

Of met flash werken. Of met plaatjes werken, maar dat is brak...

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Spider.007 schreef op 01 augustus 2002 @ 21:50:
[...]

Ze zullen het lettertype toch moeten downloaden willen ze het kunnen bekijken :? :Z Alleen jij zoekt een extra makkelijke manier hiervoor zodat ze niet doorhebben dat ze een font installeren...
Nee hoor, normaal lukt het wel, als het font op de server staat en er in de stylesheet naar verwezen wordt. Ben het even aan het zoeken maar vind het niet meteen ...

Verwijderd

F97 schreef op 01 augustus 2002 @ 21:52:
[...]

Nee hoor, normaal lukt het wel, als het font op de server staat en er in de stylesheet naar verwezen wordt. Ben het even aan het zoeken maar vind het niet meteen ...
hmm, met CSS bedoel je?

Mja, zou kunnen...

/me gaat testen :)

  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

F97 schreef op 01 augustus 2002 @ 21:52:
[...]

Nee hoor, normaal lukt het wel, als het font op de server staat en er in de stylesheet naar verwezen wordt. Ben het even aan het zoeken maar vind het niet meteen ...
En dan kunnen ze het lettertype gebruiken zonder het te downloaden. Das heeel knap. Of wordt het soms stiekem wel gedownload :)

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


Verwijderd

Topicstarter
De lettertype wordt niet gedownload, en voor die genen die niet goed gelezen hebben.

IK HEB ZELF EEN LETTERTYPE GEMAAKT !!!!

En wil deze dus in mijn site includen !!!

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

:)

code:
1
@font-face {font-family: naam; src:url(naamvanfont.extensie);}


naamvanfont.extensie is bijvoorbeeld mijnfont.eot of iets dergelijks
.eot wordt onderstuend door MSIE en .pfr door Netscape ...

Ben er niet helemaal van op de hoogte maar staat hier zo in mijn boek :)
Verwijderd schreef op 01 augustus 2002 @ 21:56:
De lettertype wordt niet gedownload, en voor die genen die niet goed gelezen hebben.

IK HEB ZELF EEN LETTERTYPE GEMAAKT !!!!

En wil deze dus in mijn site includen !!!
Wow wow chill

[ Voor 0% gewijzigd door F97 op 01-08-2002 22:00 . Reden: reactie op reactie van pjtechnics ]


Verwijderd

Het gaat hier dus niet om jou en het patsen met je eigen lettertype...

Nou, met CSS en een echt stylesheet, een .css bestand dus, en niet geinclude in je html zou het misschien kunnen lukken (heb ik nog niet geprobeerd)
Anders denk ik toch dat je het moet includen met PHP, en dan moet je even naar de buren klikken :)

Verwijderd

F97 schreef op 01 augustus 2002 @ 21:58:
:)

code:
1
@font-face {font-family: naam; src:url(naamvanfont.extensie);}


naamvanfont.extensie is bijvoorbeeld mijnfont.eot of iets dergelijks
.eot wordt onderstuend door MSIE en .pfr door Netscape ...

Ben er niet helemaal van op de hoogte maar staat hier zo in mijn boek :)
ik test het wel even :)

  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

Verwijderd schreef op 01 augustus 2002 @ 21:56:
De lettertype wordt niet gedownload, en voor die genen die niet goed gelezen hebben.

IK HEB ZELF EEN LETTERTYPE GEMAAKT !!!!

En wil deze dus in mijn site includen !!!
volgens mij ben jij diegene die het niet goed gelezen heeft :? :P Ik probeer alleen te zeggen dat een lettertype toch moet worden gedownload voor het kan worden gebruikt; net als een plaatje moet worden gedownload voor je het kunt zien. (Misschien een verwarrend interpretatie verschil)

owja, en je hoeft niet zo te SCHREEUWEN

[ Voor 0% gewijzigd door Spider.007 op 01-08-2002 22:00 . Reden: Niet zo schreeuwen! ]

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


Verwijderd

/me heeft even iets te melden

ok, http://213.93.167.14/ is mijn webservertje, daar heb ik in de code van de pagina zelf (dus geen losse .css, maar gewoon een <style type="text/css"> tag) en het werkt niet

mijn code:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
body {
scrollbar-3dlight-color: #bbbbbb;
scrollbar-arrow-color: #555555;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #bbbbbb;
scrollbar-face-color: #FFFFFF};
scrollbar-highlight-color: #EEEEEE;
scrollbar-shadow-color: #BBBBBB;}
body { font-family: BACKBOD; src:url(BACKBOD.ttf) }
@font-face {font-family: BACKBOD; src:url(BACKBOD.ttf) }
td { font-size=10pt } 
td { font-col='#BBBBBB' }
A:active {text-decoration:none} 
A:visited {color:#888888;text-decoration:none} 
A:hover {color:#555555;text-decoration:underline} 
A:link {color:#333333;text-decoration:none} 
}
</style>


Hier in de code zie ik op zich niets fouts... ik kan nog proberen de url van de site ook voor de naam van het font te zetten (ipv src:url(BACKBOD.ttf) dus src:url(http://213.93.167.14/BACKBOD.ttf) enzo)

Be right back with the report :)

>>
/me heeft geen verandering gezien aan de site

Werkt dus niet voor zover ik het merk...

  • Yoozer
  • Registratie: Februari 2001
  • Laatst online: 20-01 22:02

Yoozer

minimoog

dat is vooralsnog onmogelijk. jij tiept je tekst, wil er een font-tag omheen knallen zoals "font="Eigengemaakt" en hoopt dan dat op een of andere manier het font daarin veranderd?

probleem:

1) mensen hebben jouw font niet.

oplossing : geef op de beginpagina een link naar je ttf-file zodat mensen het kunnen installeren, samen met een kleine beschrijving. daar een groot deel van de mensen geen flauw idee heeft hoe dat werkt, is de kans dat ze er op klikken verwaarloosbaar.

oplossing : maak de complete site in flash. flash gebruikt een vectorformaat, en het font wordt omgezet naar vectors. het boeit flash niet hoe het eruit ziet, alleen waar de vectortjes en hun buigpunten staan. een vergelijkbaar resultaat krijg je in illustrator als je "convert to outlines" doet - de tekst is niet meer te bewerken, maar staat er nog wel, en nu zijn de letters zelf vector-objecten geworden i.p.v. referenties naar een glyph-tabel.

oplossing : maak al je letters kleine GIF-files of JPG-files. zet deze dan achter elkaar. javascript of een server-side scripting taal is een vereiste om op een redelijk overzichtelijke manier de ascii te converteren naar een rits images met de juiste coordinaten. nadeel : brak lange laadtijden.

oplossing : typ je tekst in photoshop, save as gif/jpg, en klaar. voordeel: overzichtelijk, hanteerbaar, en relatief snel.

dat een antwoord op je vraag?

waarom werkt 't nou niet zoals je wilt? nou, omdat daarvoor, zonder dat de gebruiker er toestemming voor geeft of uberhaupt weet dat het gebeurd, een bestand op de computer moet komen. er is niet bekend of de directory beveiligd is, en als het met een font kan, kan het ook met een executable (lees : virus) - met andere woorden, een onoverkomelijk beveiligingslek.

teveel zooi, te weinig tijd


  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

Als je de rest van het topic had gelezen had je gezien dat dat wel kon (namelijke met style-sheets)

edit:

het lijkt te kunnen zoals je ziet

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Verwijderd schreef op 01 augustus 2002 @ 22:03:
/me heeft even iets te melden

ok, http://213.93.167.14/ is mijn webservertje, daar heb ik in de code van de pagina zelf (dus geen losse .css, maar gewoon een <style type="text/css"> tag) en het werkt niet

mijn code:

code:
1
blabla veel css


Hier in de code zie ik op zich niets fouts... ik kan nog proberen de url van de site ook voor de naam van het font te zetten (ipv src:url(BACKBOD.ttf) dus src:url(http://213.93.167.14/BACKBOD.ttf) enzo)

Be right back with the report :)
Tsjah, mijn boek kan ook verkeerd zijn natuurlijk ... zal het toch nog even zoeken via google welke extensies hij ondersteunt.

Verwijderd

Topicstarter
Verwijderd schreef op 01 augustus 2002 @ 22:03:
/me heeft even iets te melden

ok, http://213.93.167.14/ is mijn webservertje, daar heb ik in de code van de pagina zelf (dus geen losse .css, maar gewoon een <style type="text/css"> tag) en het werkt niet

mijn code:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
body {
scrollbar-3dlight-color: #bbbbbb;
scrollbar-arrow-color: #555555;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #bbbbbb;
scrollbar-face-color: #FFFFFF};
scrollbar-highlight-color: #EEEEEE;
scrollbar-shadow-color: #BBBBBB;}
body { font-family: BACKBOD; src:url(BACKBOD.ttf) }
@font-face {font-family: BACKBOD; src:url(BACKBOD.ttf) }
td { font-size=10pt } 
td { font-col='#BBBBBB' }
A:active {text-decoration:none} 
A:visited {color:#888888;text-decoration:none} 
A:hover {color:#555555;text-decoration:underline} 
A:link {color:#333333;text-decoration:none} 
}
</style>


Hier in de code zie ik op zich niets fouts... ik kan nog proberen de url van de site ook voor de naam van het font te zetten (ipv src:url(BACKBOD.ttf) dus src:url(http://213.93.167.14/BACKBOD.ttf) enzo)

Be right back with the report :)
Moet er achter src: url
de tekst url niet vervangen worden door de webadres ???
ik denk dat dat de fout is

Verwijderd

Verwijderd schreef op 01 augustus 2002 @ 22:06:
[...]

Moet er achter src: url
de tekst url niet vervangen worden door de webadres ???
ik denk dat dat de fout is
als jij linkt naar een plaatje op de eigen server, in dezelfde map als waar jou .html staat, hoef jij ook niet het hele adres te typen, maar kan je ook simpelwe [img]"blaat.jpg"[/img] doen :)

Dus nee, dit zou niet hoeven, het font staat nml in dezelfde map als mijn siteje :)

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Hrm, anders ben je hier misschien iets mee:

http://www.westciv.com/style_master/manual/font_faces.html
Wordt gedaan via een programma dat je hier kan vinden bij "Windows". :)

Verwijderd

Topicstarter
Verwijderd schreef op 01 augustus 2002 @ 22:06:
[...]

Moet er achter src: url
de tekst url niet vervangen worden door de webadres ???
ik denk dat dat de fout is
ik had niet ver genoeg gelezen
je had het zelfde gezien als mijn opmerking
:o

  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

F97 schreef op 01 augustus 2002 @ 22:10:
Hrm, anders ben je hier misschien iets mee:

http://www.westciv.com/style_master/manual/font_faces.html
Wordt gedaan via een programma dat je hier kan vinden bij "Windows". :)
als je dat leest staat er
A browser can then use this specification to choose the closest possible match from the fonts available.

[ Voor 0% gewijzigd door Spider.007 op 01-08-2002 22:12 . Reden: [ -> ] ]

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Spider.007 schreef op 01 augustus 2002 @ 22:12:
[...]


als je dat leest staat er
[...]
En als je nog wat verder leest ;)
This is divided into two parts. At the top is the source part of the rule. Here you specify the name of the font to be used if it is available on the client's system, the url of a downloadable font to be used, and the format of font to be expected at the end of the url.

  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

F97 schreef op 01 augustus 2002 @ 22:15:
[...]


En als je nog wat verder leest ;)

[...]
Dank je ;) /me wrijft wat slaap uit zijn ogen

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Spider.007 schreef op 01 augustus 2002 @ 22:16:
[...]
Dank je ;) /me wrijft wat slaap uit zijn ogen
No problemo :) 't is al laat hé :P

Anyway, ...technics, lukt het al een beetje ondertussen?

  • Yoozer
  • Registratie: Februari 2001
  • Laatst online: 20-01 22:02

Yoozer

minimoog

Spider.007 schreef op 01 augustus 2002 @ 22:06:
[...]

Als je de rest van het topic had gelezen had je gezien dat dat wel kon (namelijke met style-sheets)

edit:

het lijkt te kunnen zoals je ziet
lijkt me heel stug dat adobe dat zelfs zou kunnen toelaten. als ik Univers in mijn site gebruik, voor welke reden dan ook, dan zou de eindgebruiker van mijn site elke keer Univers kunnen downloaden voor nop.

100,000 hits, en dat betekent dus dat er adobe 100,000 keer $25.99 door de neus wordt geboord. leuk kapitaaltje, zou ik zo wel willen hebben.
bron: http://www.adobe.com/type/browser/P/P_037.jhtml


bij mijn weten hebben style-sheets ook niet de kracht om zoiets te flikken, dat zou dan op z'n minst een active-x ding of equivalent moeten zijn. ik heb de 'werkende' link zeker gemist, ben ik bang.

teveel zooi, te weinig tijd


  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Yoozer schreef op 01 augustus 2002 @ 22:18:
[...]

lijkt me heel stug dat adobe dat zelfs zou kunnen toelaten. als ik Univers in mijn site gebruik, voor welke reden dan ook, dan zou de eindgebruiker van mijn site elke keer Univers kunnen downloaden voor nop.

100,000 hits, en dat betekent dus dat er adobe 100,000 keer $25.99 door de neus wordt geboord. leuk kapitaaltje, zou ik zo wel willen hebben.
bron: http://www.adobe.com/type/browser/P/P_037.jhtml


bij mijn weten hebben style-sheets ook niet de kracht om zoiets te flikken, dat zou dan op z'n minst een active-x ding of equivalent moeten zijn. ik heb de 'werkende' link zeker gemist, ben ik bang.
Tsjah dit gaat hier richting een eindeloze discussie hé ... Kan je ook zeggen dat Adobe wel niet zal toestaan dat hun programma's verspreid worden op internet, toch gebeurt het ook :z

Nochtans moet het (denk ik) kunnen hoor, staat op die link en staat in mijn boek. Misschien niet helemaal duidelijk maar toch. Tijd dat er eens een echte css specialis er zich mee komt moeien!

Verwijderd

Topicstarter
Yoh Type,

Moet er toevallig niet src="BACKBOT.ttf" staan ????

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Verwijderd schreef op 01 augustus 2002 @ 22:31:
Yoh Type,

Moet er toevallig niet src="BACKBOT.ttf" staan ????
jo pfjtechnics,

waarom probeer je niet eens zelf? Je wilt per se dat lettertype op je site, nou probeer het dan toch gewoon ... Je zal dan wel zien of het werkt hé.

Verwijderd

Topicstarter
Ik heb de volgende lettertype:

comppeop.ttf

Hier is een stukje html, hoe moet ik te werk gaan???

<html>
<head>
<meta http-equiv="Content-Language" content="nl">
</head>
<body>
<p><font face="A Font For The Computer People">dit is een textregel</font></p>
</body>
</html>

Verwijderd

Topicstarter
F97 schreef op 01 augustus 2002 @ 22:35:
[...]

jo pfjtechnics,

waarom probeer je niet eens zelf? Je wilt per se dat lettertype op je site, nou probeer het dan toch gewoon ... Je zal dan wel zien of het werkt hé.
Ik heb alles nog eens zitten doorlezen maar snap geen bal van ccs
ik werk enkel met html (via kontpage van mikroschoft)

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Verwijderd schreef op 01 augustus 2002 @ 22:36:
Ik heb de volgende lettertype:

comppeop.ttf

Hier is een stukje html, hoe moet ik te werk gaan???

<html>
<head>
<meta http-equiv="Content-Language" content="nl">
</head>
<body>
<p><font face="A Font For The Computer People">dit is een textregel</font></p>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Language" content="nl">

<style type="text/css">
@font-face {font-family: comppeop; src:url(comppeop.ttf);}
</style>

</head>
<body>
<p>dit is een textregel</p>
</body>
</html>


zo iets?

[ Voor 0% gewijzigd door F97 op 01-08-2002 22:40 . Reden: code wilt niet werken ... ]


Verwijderd

Verwijderd schreef op 01 augustus 2002 @ 22:31:
Yoh Type,

Moet er toevallig niet src="BACKBOT.ttf" staan ????
nope, font heet Backbod :)

Verwijderd

Topicstarter
Verwijderd schreef op 01 augustus 2002 @ 22:50:
[...]
nope, font heet Backbod :)
Ik heb het ook even geprobeerd.
Ik zie dat de ttf wel gedownload word, maar deze wordt niet actief.
Het bestand blijft enkel in de temp.int.files staan.
Ik heb het als volgt in mijn bestand gezet


<html>
<head>
<meta http-equiv="Content-Language" content="nl">
<style type="text/css">
body { font-family: BackBod; src:url(http://koornet.nl/sokkenkoor/BACKBOD.TTF) }
@font-face {font-family: BackBod; src:url(http://koornet.nl/sokkenkoor/BACKBOD.TTF);}
</style>
</head>
<body>
<p><font face="BackBod">dit is een textregel</font></p>
 
</body>
</html>

  • HunterPro
  • Registratie: Juni 2001
  • Niet online
mensen mensen mensen!

zoals in al een van de eerdere posts staat, kán je helemaal geen TTF's includen! Hiervoor heb je .eot en .pfr bestanden. Google er maar eens naar. Want, inderdaad, op deze manier zou je dus gratis fonts kunnen bemachtigen.

Ik hoop dat ik hiermee even deze eindeloze discussie doorbreek :P

Verwijderd

Edit

[ Voor 0% gewijzigd door Verwijderd op 01-08-2002 23:16 . Reden: was per ongeluk met username van mijn zwager ingelogd |:( ]


Verwijderd

Topicstarter
|HunterPro| schreef op 01 augustus 2002 @ 23:10:
mensen mensen mensen!

zoals in al een van de eerdere posts staat, kán je helemaal geen TTF's includen! Hiervoor heb je .eot en .pfr bestanden. Google er maar eens naar. Want, inderdaad, op deze manier zou je dus gratis fonts kunnen bemachtigen.

Ik hoop dat ik hiermee even deze eindeloze discussie doorbreek :P
OK B)
maar hoe gaat het dan verder in de html script ??? 8)7

  • HunterPro
  • Registratie: Juni 2001
  • Niet online
Verwijderd schreef op 01 augustus 2002 @ 23:14:
Kan aan mij liggen maar net zei F97 dit:

naamvanfont.extensie is bijvoorbeeld mijnfont.eot of iets dergelijks
.eot wordt onderstuend door MSIE en .pfr door Netscape ...

Type probeerd het met TTF is dat niet misschien de fout :?

Zelf heb ik nog nooit van een font gehoord met .eot maar ja.... ,isschien is het de oplossing :)
Exactly wat de fout is, zoek maar eens op Google naar [google=ttf to eot converter] :)

[ Voor 0% gewijzigd door HunterPro op 01-08-2002 23:18 . Reden: the_dragon is now known as izzii ]


  • IschaGast
  • Registratie: Juli 2001
  • Laatst online: 25-11-2025
Kan aan mij liggen maar net zei F97 dit:

naamvanfont.extensie is bijvoorbeeld mijnfont.eot of iets dergelijks
.eot wordt onderstuend door MSIE en .pfr door Netscape ...

Type probeerd het met TTF is dat niet misschien de fout :?

Zelf heb ik nog nooit van een font gehoord met .eot maar ja.... ,isschien is het de oplossing :)

edit:

Solly dat ik er ff zo'n zooitje van maak maar was ingelogd met mijn zwager zijn naam en zit nu stiekum ff wat te klooien op zijn pc ;)
Maar nu moet het weer kloppen.

Verwijderd

Ok probleem: je hebt een lettertype en je wil dat iedereen die op jou site komt die ook ziet!

Dat gaat dus wel!!!!

Microsoft heeft hiervoor in het verleden een programma voor gemaakt, dat moet je doorlopen en dan ook je lettertype sowieso mee uploaden op de server!
Dan wordt het lettertype mee gedownload als iemand op je site komt kijken!

Het prgramma noemt Weft 3: The Web Embedding Fonts Tool 'WEFT', lets Web authors create 'font objects' that are linked to their Web pages so that when an Internet Explorer user views the pages they'll see them displayed in the font style contained within the font object

http://www.microsoft.com/...bedding/weft3/default.htm

Ik hoop dat ik je hiermee heb verder geholpen!

Veel plezier ermee

Stijn

  • HunterPro
  • Registratie: Juni 2001
  • Niet online
Verwijderd schreef op 01 augustus 2002 @ 23:19:
Ok probleem: je hebt een lettertype en je wil dat iedereen die op jou site komt die ook ziet!

Dat gaat dus wel!!!!

Microsoft heeft hiervoor in het verleden een programma voor gemaakt, dat moet je doorlopen en dan ook je lettertype sowieso mee uploaden op de server!
Dan wordt het lettertype mee gedownload als iemand op je site komt kijken!

Het prgramma noemt Weft 3: The Web Embedding Fonts Tool 'WEFT', lets Web authors create 'font objects' that are linked to their Web pages so that when an Internet Explorer user views the pages they'll see them displayed in the font style contained within the font object

http://www.microsoft.com/...bedding/weft3/default.htm

Ik hoop dat ik je hiermee heb verder geholpen!

Veel plezier ermee

Stijn
juiist, kijk, dáár hebben we wat aan :)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 03-02 22:51

Hangloozz

{ @$%&# }

OMG wat een stapel geblaat :D

zoals de dude hierboven al zei: WEFT kun je gebruiken om een font om te zetten en te includen voor IE browsers; het zogenaamde Embedded Open Type(.EOT).
Netscape gebruikt weer een eigen type (True Doc(.PFR)) dus houdt er rekening mee dat je 2 versies moet maken.

Verder kan ik je vertellen dat het zuigt; het ziet er niet mooi uit en het is veel werk, kortom; het sop is de kool niet waard.

Wil je meer 'opbouwende' posts/topics lezen dan rest je niets anders dan te zoeken : [search=weft font]

Maar de search doet het nog niet geloof ik :P

Anyways, Webmonkey heeft hier eens een fraaie tut voor online gezet.

En Google levert ook de nodige resultaten.

www.jurgroessen.nl


Verwijderd

Topicstarter
Ik heb het proggie ff gedownload en geïnstalleerd.
Het is ff uitzoeken, maar het werkt simpel.
Ik heb inmiddels al mijn ttf bestanden die het proggie kon omzetten
omgezet en een test geplaatst op het web.

http://koornet.nl/sokkenkoor

kijk even of je een mooie lettertype ziet

alvast bedankt allemaal :) :) :) :)

  • Mawlana
  • Registratie: Juli 2002
  • Laatst online: 00:07
tiz gewoon times new roman :)

  • Yoozer
  • Registratie: Februari 2001
  • Laatst online: 20-01 22:02

Yoozer

minimoog

het is "umbra" maar die had ik al.

teveel zooi, te weinig tijd


Verwijderd

|HunterPro| heeft gelijk. Ik ben er een jaartje ofwat geleden ook heel lang mee bezig geweest, en het is enkel mogelijk het .eot formaat te gebruiken. Het is wel heel lastig om een ttf om te zetten naar .eot . Als iemand hier een tooltje voor vindt hoor ik het graag.

Verwijderd

Topicstarter
Verwijderd schreef op 02 augustus 2002 @ 08:35:
|HunterPro| heeft gelijk. Ik ben er een jaartje ofwat geleden ook heel lang mee bezig geweest, en het is enkel mogelijk het .eot formaat te gebruiken. Het is wel heel lastig om een ttf om te zetten naar .eot . Als iemand hier een tooltje voor vindt hoor ik het graag.
als je verder had gelezen in dit formu dan had je deze link ook wel gevonden

http://www.microsoft.com/...mbedding/weft3/weft01.htm

Ik heb het geprobeerd, en het is even uitzoeken maar het werkt

  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Zie je wel, ik had gelijk ... eventually >:)

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

http://www.microsoft.com/typography/web/embedding/


[edit]
sorry te laat, pagina 2 niet bekeken |:(

  • Dark Blue
  • Registratie: Februari 2001
  • Laatst online: 16-05 14:36

Dark Blue

Compositionista!

Alpenmeisje

*schop!*

Ik heb het nu ook geprobeerd op mn website, maar ik heb dus niet mn eigen font omgezet, maar op deze demo stond precies het goede font in .eot formaat dus die heb ik gedownload en weer naar mn webspees gegooid.

Ik heb er in de css naar verwezen, echter wat simpeler dan ze daar bij Microsoft doen, daar gaan ze weer met @font-face enzo beginnen... :?
code:
1
.spreuk         {font-family: French Script MT; font-style: normal; font-size: 23px; src: url('../../../frenchs4.eot');}


Dit had ik, maar dit werkt voor geen meter. Ja, ik heb die aantallen stappen terug voor de padnaam goed geteld, en zelfs al haalde ik al die terugverwijzingen weg en zette ik het font in dezelfde map: het wilde niet lukken.

Het staat op het moment op mijn homepage, (ja alweer spam!) als je op het onderste balkje van het menu klikt en daaronder de 'spreuk' verschijnt. Bij mij doet ie het prima, want ik heb het font geinstalleerd... maar de .eot schijnt hij niet te kunnen vinden ook al staat ie op de goede plek geupload. Ik dacht dat het aan de fontgrootte lag, maar zelfs als die gelijkstel met de fontgrootte van Microsoft's voorbeeld, doet ie het nog niet.

Het font is French Script MT dus als je het geinstalleerd hebt staan zul je het wel zien; zo niet, dan wordt ie gek genoeg ook niet weergegeven. Ik heb het dus al geprobeerd om het even gewoon in de zelfde map te stampen en de css daarheen te verwijzen, maar dan nog doet ie alsof zijn neus bloedt. Althans, Papa Eend testte het en ik heb het in het begin ook nog op mn moeders pc getest, toen nog met de lange bestandsverwijzing.

Ik denk niet dat iemand hiermee raad weet, maar is er misschien iets dat ik over het hoofd gezien heb ofzo..?

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


  • nrg
  • Registratie: April 2001
  • Laatst online: 22:10

nrg

Als ik het zo zie geef je nergens aan dat die src() property bij het font hoort.. Het zou zo net zo goed een achtergrondplaatje of wat dan ook kunnen zijn..

[ Voor 0% gewijzigd door nrg op 18-08-2002 15:14 . Reden: Anti layoutvern**k ]


Verwijderd

DIT HIERONDER IS ALLEMAAL AL GEZEGD< PAGINA 2 NIET GELEZEN... :(


eerst je font omzetten naar een eof met die ms tool en dan op deze manier doen:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<body>
<p><img id="efont1"
src="file:///C:/Embed/Tempus.eot" style="display: none"></p>


<script language="VBScript">
'
' VBScript Example to write css STYLE
'
Dim Fount1, texxt1
Dim lines(11)
'
texxt1="text/css"
Fount1=efont1.src        'This is the id name in the IMG spec
'
lines(1)="<head/>"
lines(2)="<STYLE TYPE="&texxt1&">"
lines(3)="<!--"
lines(4)=" @font-face {"
lines(5)=" font-family: Tempus sans ITC;"
lines(6)=" font-style: normal;"
lines(7)=" font-weight: 700;"           'Changing this value is optional
lines(8)=" src: url("&Fount1&");"
lines(9)=" }"
lines(10)="-->"
lines(11)="</STYLE></head>"
'
' Now write the STYLE
'
    for i=1 to 11
        Document.Writeln lines(i)
    next
'
</script>

<p><strong><big><big><font face="Tempus Sans ITC">Tempus 1234567</font></big></big></strong></p>

<p><font face="Arial">That was the Tempus Sans ITC</font></p>
</body>

edit:

Link naar tooltje...
http://www.microsoft.com/...loads/weft3/weft3full.exe


de truuk is dus om het bestandje eerst te laden als een plaatje dat niet te zien is, en het daarna via vbscript in een css te knallen, daarna zou je hem gewoon aan moeten kunnen spreken...

[ Voor 0% gewijzigd door Verwijderd op 18-08-2002 15:53 . Reden: Pagina 2 ook al niet gelezen ... :( ]


Verwijderd

Fonts embedden is over het algemeen vrij waardeloos vind ik.
Die CSS2 @font-face rule is in CSS2 revision 1 trouwens weer verdwenen, waarschijnlijk omdat w3c de lat met CSS2 vrij hoog heeft gelegd, waardoor nog lang niet alles geïmplementeerd was.

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

daar gaan ze weer met @font-face enzo beginnen...
En toch moet het zo, op jouw manier gaat het niet lukken.
zoiets dus:
code:
1
2
3
4
5
6
7
<STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
</STYLE>

  • Dark Blue
  • Registratie: Februari 2001
  • Laatst online: 16-05 14:36

Dark Blue

Compositionista!

Alpenmeisje

Verwijderd schreef op 18 augustus 2002 @ 15:40:
DIT HIERONDER IS ALLEMAAL AL GEZEGD< PAGINA 2 NIET GELEZEN... :(
[/edit]
Kalm aan dude, wat jij zegt is totaal niet relevant en bovendien heb ik zoals ik al zei de .eot al. Dus het zou voor jóu wellicht handig zijn mijn post even over te lezen.
Verwijderd schreef op 18 augustus 2002 @ 16:11:
Fonts embedden is over het algemeen vrij waardeloos vind ik.
Die CSS2 @font-face rule is in CSS2 revision 1 trouwens weer verdwenen, waarschijnlijk omdat w3c de lat met CSS2 vrij hoog heeft gelegd, waardoor nog lang niet alles geïmplementeerd was.
Fijn om te weten. Kan ik dan nog wat toevoegen bij het aanroepen van de css, dat hij niet automatisch css2 pakt maar specifiek het volgens css1 leest, of pakt hij het anyway wel?
Grom schreef op 18 augustus 2002 @ 16:13:
[...]

En toch moet het zo, op jouw manier gaat het niet lukken.
zoiets dus:
code:
1
2
3
4
5
6
7
<STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
</STYLE>
Dankje, ik zal dat hele blokje eens overnemen en dan aanpassen, want het maakt geloof ik niet veel uit als je én een css file aanroept én daarnaast nog een apart blokje style zet...

* Dark Blue gaat weer ff aan de slag en dan op mams pc testen :)

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

het maakt geloof ik niet veel uit als je én een css file aanroept én daarnaast nog een apart blokje style zet...
Maakt niets uit echter laatste waarde geldt!
Dus in eerste gedeelte width:100px; en daarna width:200px; voor een zelfde element wordt 200px! Maar dat zal voor jou wel overbodige info zijn. :)

  • RedHat
  • Registratie: Augustus 2000
  • Laatst online: 20:27
De post hierboven zou gewoon moeten werken.
En Dark Blue, als jij de helft van een php scriptje maakt, is het niet verwonderlijk dat het niet werkt, hier dus ook.

(dat stuk met VBScript dus)

Verwijderd

Dark Blue schreef op 18 augustus 2002 @ 17:47:
Kalm aan dude, wat jij zegt is totaal niet relevant en bovendien heb ik zoals ik al zei de .eot al. Dus het zou voor jóu wellicht handig zijn mijn post even over te lezen.
WAT ik dus al gezegd had in het stukje dat jij van mij gequote hebt ... @$%!^&
Ik had dus OF mijn post helemaal weg kunnen editen, wat het topic sowieso niet ten goede komt, of ik had zoals ik nu gedaan heb even mijn verontschuldigingen kunnen aanbieden en even erbij zetten waarom het zo'n nutteloze post is... Dus ik was er zelf ook al achter, maar "het antwoord" is in dit topic al meerdere malen gegeven volgens mij...

  • Dark Blue
  • Registratie: Februari 2001
  • Laatst online: 16-05 14:36

Dark Blue

Compositionista!

Alpenmeisje

Ik heb het aangepast, 10x gewijzigd... maar hij doet het gewoon niet! :'(

Ik heb als voorbeeld de site van Microsoft genomen, deze:
http://www.microsoft.com/...emo2.htm?fname=%20&fsize=

Daarop wordt precies het zelfde font gebruikt, ik heb dan ook precies dezelfde css overgenomen...

Microsoft heeft deze code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<STYLE TYPE="text/css">
<!--
BODY { background: black; }
.title { font-family: "French Script MT"; 
    font-size: 32pt; }
.fin { font-family: "copyblot"; 
    font-size: 80pt; }
P { font-family: "French Script MT"; 
    font-size: 20pt; }
.db { font-family: "dingblots"; }
A { font-size: 10px; 
    text-decoration: none;
    color: #F22;
    font-family: Verdana; }
  }

  @font-face {
    font-family: French Script MT;
    font-style:  normal;
    font-weight: normal;
    src: url(frenchs4.eot);
  }
  @font-face {
    font-family: DingBlots;
    font-style:  normal;
    font-weight: normal;
    src: url(DINGBLO1.eot);
  }
-->
</STYLE>


En ik heb dit:
code:
1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css" media="screen, print">
<!-- 
.spreuk {font-family: "French Script MT"; font-size: 23px;}
    }
    @font-face   {
            font-family: French Script MT;  
            font-style:  normal;
            font-weight: normal;
            src: url(frenchs4.eot);
}
-->
</style>


Wat kan er dan in vredesnaam mis zijn??

Ik heb het zelfs nog aangepast dat het font ook in een div gebruikt wordt en niet in een span... ik heb zelfs het } haakje teveel overgenomen op hoop van zegen... maar hij doet het niet... ;(

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

Dark Blue,

Kun je me de url naar je frenchs4.eot geven, kan ik even wat experimenteren zonder te zoeken. Als het me lukt om het werkend te krijgen, krijg je een url terug. ;)

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

.... stond precies het goede font in .eot formaat dus die heb ik gedownload en weer naar mn webspees gegooid. ....
....maar is er misschien iets dat ik over het hoofd gezien heb ofzo..?
Ja ik denk het wel (ik had het ook even over het hoofd gezien) ;),

Ook een .eot/.prf font heeft een beveiliging om de auteursrechten te beschermen (ookal is het gemaakt van een gratis font).

In de .eot zit iets ingebakken zodat de bezoeker het font niet zomaar kan gebruiken.

Je zult het dus zelf met de genoemde proggies moeten maken van een eigen of gratis font.

Met activeX is dit soms wel weer te omzeilen maar imo niet zo netjes.
http://www.truedoc.com/webpages/getstart/get_start2a.htm

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
Even een kleine kick.. maar misschien brengt dit wat duidelijkheid in deze "zaak".

Om een apart font te gebruiken op je website, moet je dat programma van Microsoft downloaden. Op het zesde scherm, wanneer je een nieuw "project" start, kun je MIRROR SITES aangeven. In die lijst kun je dus gewoon een hele lading sites opgeven die jouw nog te genereren font kunnen gebruiken.

Zoals je hier kunt zien:
http://www.pepper.nl/websites/font_laden/index.html
Heb ik een Helvetica kloon in kunnen laden (ja, is legaal) - ik heb aangegeven dat dit bestand alleen op mijn eigen site (blue-eagle.nl) en op de site van mijn werkgever (pepper.nl) mogen draaien. En locaal natuurlijk.

Toen ik hier nog overheen keek lukte het inderdaad niet :)

Totdat je verder leest :(

Maargoed, succes voor iedereen die hiermee bezig gaat. Het heeft best wel veel mogelijkheden.

[ Voor 0% gewijzigd door Blue-eagle op 03-10-2002 14:45 . Reden: typo.. ]


  • Rigi
  • Registratie: September 2001
  • Laatst online: 30-11-2018
CSS2 is instaat om fonts te halen op een site en het is idd met @fontface("csscode"). Ik heb dit stukje uit de w3c specificatie voor css2:
http://www.w3.org/TR/REC-CSS2/fonts.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Font test</TITLE>
<STYLE TYPE="text/css" MEDIA="screen, print">
@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")
}
H1 { font-family: "Robson Celtic", serif }
</STYLE>
</HEAD>
<BODY>
<H1> This heading is displayed using Robson Celtic</H1>
</BODY>
</HTML>
Pagina: 1