Fonts op die web [dubbele]

Question

    

Hierdie vraag het reeds 'n antwoord hier:

    

        
•              Hoe om fonts insluit in HTML?                                      6 antwoorde                          
    

    

Die versameling van fonts beskikbaar om 'n web-ontwikkelaar is depressingly beperk. Ek onthou lees lankal oor TrueDoc, as 'n manier van gestuur fonts saam met 'n webwerf - maar dit blyk te wees kwyn. Het enige iemand gebruik hierdie, of iets soortgelyks? Is dit deur genoeg blaaier? Mis ek 'n goeie oplossing?

Let daarop dat 'n verantwoordelike web ontwikkelaar nie fonts wat slegs beskikbaar is op Windows gebruik nie (en veral diegene wat slegs beskikbaar op Vista is), nie doen wat hulle gebruik 'n tegnologie wat nie ondersteun word deur ten minste die meerderheid van blaaiers.

---

Update: As 'n paar mense het daarop gewys, daar is niks verkeerd met die verskaffing van 'n lys van nood fonts vir mense wat nie die spesifieke font wat jy gebruik het nie. Ek doen in werklikheid hierdie altyd doen, en het nie bedoel om voor te stel dat hierdie was verkeerd.

Hoewel my vraag erg geformuleer, wat ek bedoel het, was dat 'n ontwerper nie te veel aannames oor wat die kliënt beskikbaar sal moet maak. Jy moet beplan vir hoe alle gebruikers jou webwerf sal sien, nie net vir mense met behulp van jou eie voorkeur opstel.

Answer 1

Safari, en tot 'n mindere mate, Firefox 3 het ondersteuning vir @font-face in CSS, waarmee jy persoonlike fonts gebruik. Wat jy nodig het om die toepaslike lisensie om die font lêers al versprei het. Hierdie artikels verduidelik dit in meer detail:

• http://www.css3.info/preview/ web-fonts-met-skrif-gesig /
• http://www.alistapart.com/articles/cssatten
• http: // www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

Dit is 'n tydige draad; ons oorgeskakel na Arial omdat Calibri is WAY klein in vergelyking met al die ander nood fonts! Dit angs my baie om oor te skakel na (gag) Arial, want dit is 'n kak afskrif van Helvetica:

http://www.ms-studio.com/articles.html

Die grootte probleme (te groot as jy gaan met 'n "c" font as jou standaard; te klein as jy gaan met iets normale) beskryf in detail hier:

http://neosmart.net/blog/2006/css-vistas -Nuwe-fonts /

Ek sal mis Calibri se pragtige hand-ingeskakel RGB aliasing 'n baie, maar dit was net onmoontlik om 'n goeie ervaring vir die meeste gebruikers te lewer sonder veeleisende Calibri geïnstalleer. Dit is redelik algemeen, as dit kom met Office 2007 (Win / Mac) en natuurlik Vista .. maar dit is ver van universele, so dit is 'n bietjie onverantwoordelik om swaar staatmaak op dit vir 'n wêreldwye web gehoor.

Answer 3

Jy kan natuurlik gebruik sIFR .

Dit afbreek grasieus in blaaiers wat nie ondersteun dit en is toeganklik.

Dit is nie regtig geskik is vir die gebruik van op hope teks maar vir opskrifte en hoogtepunt teks dis perfek.

Dit is natuurlik 'n werk om 'n intrinsieke beperking van blaaiers en die web by hierdie tyd, maar wanneer was dit nie die geval vir die meerderheid van web tegnologie en tegnieke.

Answer 4

Jy kan dit doen met die nuwe @font-face verklaring beskikbaar in CSS3. Dit het 'n baie goeie ondersteuning vir 'n CSS3 funksie (dit wil sê sedert IE4), ook.

Die algemene sintaksis is:

@font-face {
    src: url('path to your font') format('woff|ttf|svg|eot|…');
    font-family: the name to use;
    font-weight: an optional weight;
    font-style: an optional style;
}

Daar is ook n kragopwekker beskikbaar dat die skrif aan verskeie formate vat en skep die toepaslike CSS.

Vandag, sou ek aanbeveel die verskaffing van net 'n WOFF lêer; dit is gerieflik, maklik om skep.

Ook, maak seker dat jy die naam van die formaat aan te haal (bv format('woff')); dit sal nie werk nie op Firefox anders.

Answer 5

  

Let daarop dat 'n verantwoordelike web ontwikkelaar nie fonts wat net is gebruik nie   beskikbaar op Windows (en veral diegene wat slegs beskikbaar op is   Vista) nie en hulle gebruik 'n tegnologie wat nie ondersteun word deur ten minste   die meerderheid van blaaiers.

Daar is niks verkeerd of verkeerd oor die gebruik van Windows / Vista-spesifieke fonts op voorwaarde dat jy grasieus verneder om 'n wyd-beskikbare skif. Byvoorbeeld:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

Om die waarheid te dis die hele punt!

Answer 6

CSS2 bied:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Answer 7

  

Let daarop dat 'n verantwoordelike web ontwikkelaar nie fonts wat slegs beskikbaar is op Windows (en veral diegene wat slegs beskikbaar op Vista is), nie doen wat hulle gebruik 'n tegnologie wat nie ondersteun word deur ten minste die meerderheid van blaaiers gebruik nie.

Ek dink dit is eerder mis die punt. Dit sou nie saak of jy het; almal sal iets sinvol te kry dat hulle maklik kan lees, en die mense wat nodig het om te kan die font te verander na wat hulle wil in elk geval, want dit is net teks en al die groot blaaiers laat jy die skrif wat jy sien, ongeag van die voorkeure van die webwerf-ontwerper aan te pas.

Daar is niks gebreek oor wat daarop dui fonts in jou CSS dat sommige gebruikers hoef nie; hulle sien net iets anders as jy. Verskillende is nie gebreek. Hulle sal nie eens wonder hoekom jy gebruik verstek skrif omdat hulle nie sal weet wat ander mense sien iets anders.

Dit is die hele punt van font stelle:

Verdana, Arial, Helvetica, sans-serif

Dit is goeie praktyk juis omdat dit erken dat mense verskillende dinge sal sien.

Dit is goeie praktyk te:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

So die meeste mense nie Gill het - wat omgee? Hulle kry 'n volkome goeie site ongeag.

En dit sal fyn te wees, maar 'n bietjie vreemd en lui:

Gill Sans

Onverantwoordelike web ontwerp is om dinge te doen soos die opstel van die teks as beelde sonder die gebruik van alt teks, nie die gebruik van interessante fonts in skrif stel.

Answer 8

Internet Explorer ondersteun @font-face (dit begin as hul eie tegnologie in MS Word). Hier is 'n blog post uit die IE span daaroor net sowat 'n maand gelede .

Answer 9

  

Let daarop dat 'n verantwoordelike web ontwikkelaar nie fonts wat slegs beskikbaar is op Windows (en veral diegene wat slegs beskikbaar op Vista is), nie doen wat hulle gebruik 'n tegnologie wat nie ondersteun word deur ten minste die meerderheid van blaaiers gebruik nie.

Wel ... jy kan, solank jy weet hoe dit sal lewer op nie-Vista / nie-Windows OS.

Andersins:. Yep, @ font-face in CSS2 is die beste standaard alternatiewe, selfs al is dit nie wyd gesteun

Answer 10

Ek sal enige metode van die stuur van fonts met 'n web bladsy sal 'n soort van sekuriteit risiko inhou dink. Ek het gehoor van metodes waar, in die geval dat die kliënt die nodige font nie, die teks kan dinamiese vervang met 'n beeld van of 'n soort 'n flits vertoon. Die enigste een wat soos hierdie Ek kan nou vind is by alistapart maar dit kan reeds oorbodig wees. Gesê metode sal ook vereis css, beelde en JavaScript om te werk en pynlike kan wees om te implementeer oor blaaiers.