Toon posts:

[CSS] font on server embedden

Pagina: 1
Acties:

Verwijderd

Topicstarter
ik heb:

code:
1
2
3
4
   H2 {
        font-family: "stencil";
        src: url("stencil");
      }



Maar dit werkt niet, ook niet met een absoluut pad of met stencil.ttf
Iemand een idee?

[ Voor 12% gewijzigd door Verwijderd op 10-07-2006 10:00 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 11-02 14:19

André

Analytics dude

Zoek eens op .eot ;)

  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

http://www.w3schools.com/css/css_font.asp

Misschien staat daar iets wat bruikbaar is? :?

Op zich vind ik dit wel interessant om te weten, als het mogelijk is... :)

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
GJ-tje schreef op maandag 10 juli 2006 @ 10:21:
http://www.w3schools.com/css/css_font.asp

Misschien staat daar iets wat bruikbaar is? :?

Op zich vind ik dit wel interessant om te weten, als het mogelijk is... :)
het is mogelijk, maar heeft z'n nadelen

This message was sent on 100% recyclable electrons.


Verwijderd

Topicstarter
BasieP schreef op maandag 10 juli 2006 @ 10:27:
[...]


het is mogelijk, maar heeft z'n nadelen
en die weet jij?
GJ-tje schreef op maandag 10 juli 2006 @ 10:21:
http://www.w3schools.com/css/css_font.asp

Misschien staat daar iets wat bruikbaar is? :?

Op zich vind ik dit wel interessant om te weten, als het mogelijk is... :)
nop

[mbr]Je hoeft niet twee keer achter elkaar te posten, daarvoor hebben we de Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/edit.gif knop uitgevonden ;)

[ Voor 58% gewijzigd door BtM909 op 10-07-2006 13:56 ]


  • Scheeve
  • Registratie: Maart 2006
  • Laatst online: 26-12-2025
Dit vondi k met Google:

@font-face {
font-family: Bradley Hand ITC;
font-style:normal;
font-weight: 700;
src: URL(../../BRADLEY0.eot);
}

en met dit programmaatje kun je geloof ik die lettertypes omzetten:
http://www.microsoft.com/...mbedding/weft3/weft01.htm

Hier nog een soort van tutorial:
http://www.sean.co.uk/a/w...ng_fonts_in_webpages.shtm

[ Voor 57% gewijzigd door Scheeve op 10-07-2006 10:52 ]


  • JJvG
  • Registratie: Juli 2003
  • Laatst online: 02-12-2025
Als alternatief kun je misschien ook nog kijken naar Fahrner Image Replacement.

Meer info: http://www.stopdesign.com/articles/replace_text/

Verwijderd

Of deze:
http://www.mikeindustries.com/sifr/

Daarmee kun je ieder lettertype weergeven dmv een javascript/flash truukje

  • Savantas
  • Registratie: December 2002
  • Laatst online: 12-02 17:29
Nadeel van de 'weft'-methode is dat het IE-only is.

Ik denk niet zwart-wit, ik denk diapositief! ( ͡° ͜ʖ ͡°)


Verwijderd

Topicstarter
Savantas schreef op maandag 10 juli 2006 @ 10:58:
Nadeel van de 'weft'-methode is dat het IE-only is.
en dat het niet werkt met een heel apart lettertype als stencil.
volgens mij tekent ie het na ofzo, tis in iedergeval schijt.

  • Totalmind
  • Registratie: April 2005
  • Laatst online: 11-07-2022

Totalmind

Division Brabant

Als je het niet al te veel gebruikt is Fahrner Image Replacement zeker de beste keuze in mijn opinie

http://www.divisionbrabant.nl


  • enkb
  • Registratie: Juni 2002
  • Laatst online: 16-12-2025
Nee hoor de weft methode is niet IE only, firefox ondersteund het in iedergeval ook.

Edit: nog een tutorial http://www.spoono.com/html/tutorials/tutorial.php?id=19

[ Voor 36% gewijzigd door enkb op 10-07-2006 12:03 ]


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

De css manier die de TS probeert heeft hij al foutief gebruikt, die hoort namelijk met de @font-face eerst het lettertype te importeren:
Cascading Stylesheet:
1
2
3
4
5
6
7
@font-face {
  font-family: "Robson Celtic";
  src: url("http://site/fonts/rob-celt");
}
h1 { 
  font-family: "Robson Celtic", serif;
}

Bron:http://www.w3.org/TR/1998...ts.html#font-descriptions

Daarnaast is het zeker dat dit niet werkt in firefox.

Dan houd je als cross-browser oplossing eigenlijk alleen sIFR en gerelateerde technieken met plaatjes ipv. flash over.
Pagina: 1