Ar trebui să consider fontul Helvetica ca font web-safe , adică este o sursă fiabilă de setat în CSS care va fi accesibil pe orice dispozitiv?

Comentarii

Răspuns

Helvetica nu numai că nu este sigur, dar este și un font protejat prin drepturi de autor , deci aveți nevoie de o licență pentru ao utiliza dacă îl încărcați ca font web.

De fapt, nu există fonturi web 100% sigure , deoarece va depinde pe fonturile pe care le are utilizatorul pe dispozitivul său și diferite sisteme operative au seturi de fonturi diferite. Prin urmare, trebuie să faceți așa ceva:

p{font-family:Arial, Helvetica, sans-serif} 

În caz contrar, site-ul dvs. va fi vizualizat cu fontul implicit setat de utilizator, de exemplu, Times New Roman .

Dacă doriți să jucați în siguranță, vă recomand această resursă destul de inteligentă: CSS Font Stack . Acolo puteți vedea fonturile „mai sigure” , procentul de utilizare de către sistemul de operare și chiar codul de utilizat, inclusiv alternative alternative

Comentarii

  • îmi pare rău, dar UX nu se referă la întâmplare, ci la control. S-ar putea să vă placă mai bine uneori , dar este pur subiectiv așa cum spuneți și cu siguranță nu este ceva de recomandat
  • @Devin Sunt de acord. În timp ce menționați fontul în CSS, acesta ar trebui schimbat ca p {font-family: Helvetica, Arial, sans-serif}. Fontul principal ar trebui să fie pe primul loc dacă părțile interesate preferă acest font și apoi trebuie să adăugăm fonturi de sistem precum Arial n sansarif
  • De ce toate comentariile despre drepturile de autor și încărcarea fonturilor web? Întrebarea pune întrebări despre fonturile sigure pentru web care (prin definiție) sunt deja prezente pe dispozitivul utilizatorului final. Întrebarea nu exprimă dorința de a încărca fonturi web.
  • CSS Font Stack este drăguț, dar arată doar fonturile instalate pe desktop Windows și OS X.
  • Câteva informații bune despre Helvetica în Windows. Link

Răspuns

După cum sa menționat nu există un font web sigur. Dar există o modalitate de a încărca fonturile lipsă de pe serverul dvs. prin utilizarea @ font-face . @ font-face a fost introdus pentru prima dată în CSS2, include tipuri de fișiere alternative și este acceptat pe scară largă . Aceasta nu ar fi o soluție 100%, dar ar fi mai promițătoare decât în funcție de selectarea fontului aparatului.

Mai întâi ați pune fișierul pe serverul dvs. ca fișier găzduit static. S-ar putea să trebuiască să configurați tipurile de mime ale serverului dvs. web, astfel încât acesta să gestioneze corect fișierul și să nu încerce să facă manualul clientului să-l descarce în loc.

Apoi, veți implementa codul în foaia de stil care să arate ca următoarele. Rețineți că acestea sunt doar câteva dintre formatele posibile. Nu vi se cere să le utilizați pe toate. Dar dacă nu ștergeți referința la fișier pentru a evita o întârziere inutilă cauzată de resursa lipsă.

@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 */ } 

După care ați atribui fontul element. Dacă ați dorit să încercați să utilizați versiunea dvs. Helvetica, utilizați ceva de genul:

font-family: "MyWebFont", Helvetica, sans-serif; 

Dacă font-face nu poate fi încărcat, va încerca să folosească aparatul „Helvetica este și dacă nu reușește, va încerca încărcarea sans-serif. În plus, puteți schimba fontul și fontul mașinii în jur. Dar nu va salva lățimea de bandă, deoarece vă va încărca în continuare fonturile odată cu încărcarea foii de stil.

În cele din urmă, dar cel mai important, Helvetica nu este un font gratuit. Va trebui să cumpărați o licență pentru utilizarea acesteia. Linotype vă va vinde fonturile web necesare și licența de pe site-ul lor web. Prețul se bazează pe vizualizări de pagină. Însă, odată achiziționat, este complet legal să încorporați în pagina dvs. web sau în aplicația web.

Răspuns

să fie accesibil pe orice dispozitiv

Într-adevăr, nu există un astfel de lucru ca „disponibil pe orice dispozitiv”.

Dacă nu utilizați fonturi încorporate, atunci trebuie să utilizați o stivă de fonturi, astfel încât să aveți câteva opțiuni de backup în cazul în care prima nu este disponibilă.

Răspuns

Helvetica nu face parte din niciun set de fonturi implicit Windows, prin urmare este probabil ca utilizatorii Windows să vadă un alt font secundar. Dacă acest lucru nu vă preocupă, utilizați Helvetica.

Comentarii

  • Fontul Arial este standard pentru toate versiunile de Windows (începând cu v3.1) și are în esență aceleași caracteristici de aspect; utilizarea Arial ca o rezervă pentru Helvetica va da astfel în mod substanțial același aspect și se simte (spus cu scuze datorate entuziaștilor de fonturi care cunosc și le pasă de diferențe). Consultați en.wikipedia.org/wiki/Arial
  • Windows nu este singurul sistem de operare, nu ' nu uitați de toți ceilalți. Este posibil ca alții să nu aibă Arial.
  • Arial nu este implicit acolo în multe distribuții Linux, de exemplu.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *