Podpiranje pisave...

Na moji spletni strani (na obeh v bistvu) sem hotel uporabljati pisavo swis721 blkcn bt (nekak tako) ampak sem potem doma na drugem računalniku ugotovil da te pisave ne podpira...
Ali je treba uporabit kako kodo al je s tem kaka težava?

10 odgovorov

Za nestandardne fonte lahko uporabiš tole: http://cufon.shoqolate.com/generate/

pa mislim da ni nestandarden... v wordu je, photoshopu, povsod...

2

Če imaš nameščen font na računalniku in se ti pojavlja v programih še ni nujno standarden. Jaz uporabljam spodnjo kodo v css-ju:

@font-face {
  font-family: 'Font';
  src: url("fonts/font.eot");
  src: local('Font'), local('Font'),
    url("fonts/Font.otf") format("opentype"),
    url("fonts/Font.woff") format("woff");
}

Nekaj pozabljate.
Za fonte so prav tako licence.

Sam priporočam typekit, ki je za en sajt do 25k ogledov / mesec zastonj

6

Prav tako ne pozabit na čedalje večjo/dobro Google bazo web fontov -> http://www.google.com/webfonts

1

mene malo moti pomanjkanje šumnikov pri Googlu

5

krashek:
pa mislim da ni nestandarden... v wordu je, photoshopu, povsod...

Gizmo:
Če imaš nameščen font na računalniku in se ti pojavlja v programih še ni nujno standarden. Jaz uporabljam spodnjo kodo v css-ju:

@font-face {
  font-family: 'Font';
  src: url("fonts/font.eot");
  src: local('Font'), local('Font'),
    url("fonts/Font.otf") format("opentype"),
    url("fonts/Font.woff") format("woff");
}

mi lahko daš primer za arial recimo?
pa kam to potem vstavim? v style.css datoteko?

2

Ja, v css daš. Je pa primer za pisavo "Font", tako da samo nadomestiš vse "Font" z "Arial" ali kaj drugega in bi moralo delati. Seveda moraš imeti datoteke s pisavami v ustreznih direktorijih.

Gizmo:
Če imaš nameščen font na računalniku in se ti pojavlja v programih še ni nujno standarden. Jaz uporabljam spodnjo kodo v css-ju:

@font-face {
  font-family: 'Font';
  src: url("fonts/font.eot");
  src: local('Font'), local('Font'),
    url("fonts/Font.otf") format("opentype"),
    url("fonts/Font.woff") format("woff");
}

Je tak tip klicanja v cssju standarden za vse brskalnike? IE7, IE8, IE9, firefox, opera, chrome in safari?

Sam sedaj namreč vključujem nek standarden font in sem na netu zasledil podobno css kodo kot si jo ti tukaj navedel, pa me zanima če je pametno in standardno tako uporabljat?

blindek:

Gizmo:
Če imaš nameščen font na računalniku in se ti pojavlja v programih še ni nujno standarden. Jaz uporabljam spodnjo kodo v css-ju:

@font-face {
  font-family: 'Font';
  src: url("fonts/font.eot");
  src: local('Font'), local('Font'),
    url("fonts/Font.otf") format("opentype"),
    url("fonts/Font.woff") format("woff");
}

Je tak tip klicanja v cssju standarden za vse brskalnike? IE7, IE8, IE9, firefox, opera, chrome in safari?

Sam sedaj namreč vključujem nek standarden font in sem na netu zasledil podobno css kodo kot si jo ti tukaj navedel, pa me zanima če je pametno in standardno tako uporabljat?

Da, tak tip klicanja je enak za vse browserje - standard, ki je prišel, če se ne motim, s CSS3. Razlika je le v podpori pisav, ker vsak browser podpira le določen tip pisave.

Internet Explorer podpira EOT, 9+ WOFF
Mozilla podpira OTF in TTF, 3.6+ WOFF
Safari in Opera podpirata OTF, TTF in SVG
Chrome pa podpira TTF in OTF, 6+ WOFF .

Imaš na voljo kar nekaj orodij, s katerimi si lahko zgeneriraš te tipe pisav, npr. en od teh je font-face kit generator