Pitäisikö minun pitää fontti Helvetica web-safe -fontti, ts. onko luotettava lähde asettaa CSS: ään , johon pääsee millä tahansa laitteella?
Kommentit
- Miten tämä on UX-kysymys? Pitäisikö ' olla sen päällä GraphicDesign.StackExchange tai vastaava?
vastaus
Helvetica ei ole vain turvallinen, mutta se on myös tekijänoikeuksin suojattu fontti , joten tarvitset lisenssin käyttääksesi sitä, jos lataat sen webfontina.
Itse asiassa ei ole 100% turvallisia verkkofontteja , koska ne riippuvat fontteista, joita käyttäjällä on laitteessaan, ja eri käyttöjärjestelmissä on erilaiset kirjasinsarjat. Siksi sinun on tehtävä jotain tältä:
p{font-family:Arial, Helvetica, sans-serif}
Muussa tapauksessa sivustosi visualisoidaan käyttäjän asettamalla oletusfontilla, esimerkiksi Times New Roman .
Jos haluat pelata turvallisesti, suosittelen tätä melko hienoa resurssia: CSS-fonttien pino . Sieltä näet ”turvallisemmat” fontit, käyttöjärjestelmän prosentuaalisen käytön ja jopa käytettävän koodin, mukaan lukien varavara -vaihtoehdot
Kommentit
- anteeksi, mutta UX ei ole kyse satunnaisuudesta, vaan kontrollista. Saatat pitää siitä paremmin joskus , mutta se on puhtaasti subjektiivista, kuten sanot, eikä todellakaan mitään suositeltavaa
- @Devin Olen samaa mieltä. Mainitsemalla kirjasinta Css: ssä, se tulisi muuttaa nimellä p {font-family: Helvetica, Arial, sans-serif}. Ensisijaisen kirjasimen tulee olla ensimmäinen, jos sidosryhmät haluavat tämän fontin, ja seuraavaksi meidän on lisättävä järjestelmäkirjasimet, kuten Arial n sansarif
- Miksi kaikki kommentit tekijänoikeuksista ja verkkofonttien lataamisesta? Kysymys koskee verkkoturvallisia fontteja, jotka (määritelmän mukaan) ovat jo loppukäyttäjän laitteessa. Kysymys ei osoita halua ladata webfontteja.
- CSS-fonttien pino on mukava, mutta se näyttää vain työpöydälle Windows ja OS X asennetut kirjasimet.
- Hyviä lukuja Helveticasta Windowsissa. Linkki
Vastaa
Kuten mainittiin turvallista web-fonttia ei ole olemassa. Puuttuvat fontit voidaan kuitenkin ladata palvelimelta käyttämällä @ font-face . @ font-face esiteltiin ensimmäisen kerran CSS2: ssa, sisältää varatiedostotyyppejä, ja sitä tuetaan laajalti . Tämä ei olisi 100-prosenttinen ratkaisu, mutta se olisi lupaavampaa kuin riippuen koneen fonttien valinnasta.
Ensinnäkin laitat tiedoston palvelimellesi tavallisena staattisena isännöitynä tiedostona. Saatat joutua määrittämään verkkopalvelimesi mime-tyypit, jotta se käsittelee tiedostoa oikein, eikä yritä saada sen sijaan asiakasohjekirjaa lataamaan.
Sitten ottaisit käyttöön tyylitaulukossasi näyttävän koodin seuraavat. Huomaa, että nämä ovat vain joitain mahdollisia muotoja. Sinun ei tarvitse käyttää kaikkia niitä. Mutta jos et poista viittausta tiedostoon, jotta vältät puuttuvan resurssin aiheuttaman tarpeettoman viiveen.
@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ }
Tämän jälkeen määrität fontin omalle tiedostollesi. elementti. Jos haluat yrittää käyttää Helvetica-versiotasi, käytä jotain seuraavista:
font-family: "MyWebFont", Helvetica, sans-serif;
Jos kirjasinta ei voi ladata, se yrittää käyttää laitetta ”Helvetica ja jos se epäonnistuu, se yrittää ladata sans-serif-tiedoston. Lisäksi voit vaihtaa fontin ja koneen fontin ympärille. Mutta se ei tallenna kaistanleveyttäsi, koska se lataa silti fontit, kun se lataa tyylitaulukon.
Viimeinen, mutta mikä tärkeintä, Helvetica ei ole ilmainen fontti. Sinun on ostettava lisenssi sen käyttöä varten. Linotype myy sinulle tarvittavat web-fontit ja lisenssin verkkosivustoltaan. Hinnoittelu perustuu sivunäkymiin. Mutta ostamisen jälkeen on täysin laillista upottaa verkkosivusi tai verkkosovelluksesi.
Vastaa
ole käytettävissä millä tahansa laitteella
Ei oikeastaan ole mitään sellaista kuin ”käytettävissä millä tahansa laitteella”.
Jos et käytä upotettuja fontteja, sinun on käytettävä fonttipinoa, joten sinulla on joitain varmuuskopiointivaihtoehtoja siltä varalta, että ensimmäinen ei ole käytettävissä.
Vastaus
Helvetica ei kuulu mihinkään Windowsin oletusfonttijoukkoon, joten Windows-käyttäjät näkevät todennäköisesti toisen toissijaisen fontin. Jos tämä ei ole sinulle huolenaihe, käytä Helveticaa.
Kommentit
- Arial-fontti on vakiona kaikissa Windows-versioissa (v3: sta lähtien).1) ja sillä on olennaisesti samat asetteluominaisuudet; Arialin käyttäminen Helvetican varavarauksena antaa täten olennaisesti saman ilmeen (sanoi asiaankuuluvalla pahoittelulla kirjasinten harrastajille, jotka tietävät ja välittävät eroista). Katso fi.wikipedia.org/wiki/Arial
- Windows ei ole ainoa käyttöjärjestelmä, don ' t unohda kaikki muut. Muilla ei ehkä ole Arialia.
- Arialia ei ole oletusarvoisesti esimerkiksi monissa linux-distroissa.