A Helvetica “ web biztonságos ” betűtípusnak számít?

A Helvetica nem csak nem biztonságos, hanem egy szerzői joggal védett font , tehát licencre van szüksége a használatához, ha webfontként tölti be.

Ami azt illeti, nincsenek 100% -ban biztonságos webes betűtípusok , mivel ez a felhasználó készülékén található betűtípusokon, és a különböző operációs rendszerek különböző betűkészlettel rendelkeznek. Ezért ilyesmit kell tennie:

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

Ellenkező esetben a webhelyet a felhasználó által beállított alapértelmezett betűtípussal jelenítjük meg, például Times New Roman .

Ha biztonságban szeretnél játszani, akkor ezt a meglehetősen remek forrást ajánlom: CSS betűkészlet . Itt láthatja a “biztonságosabb” betűtípusokat, az operációs rendszerek használatának százalékos arányát és még a használandó kódot, beleértve a tartalék alternatívákat

Megjegyzések

• sajnálom, de az UX nem a véletlenszerűségről szól, hanem az ellenőrzésről. Lehet, hogy jobban tetszik neked néha , de pusztán szubjektív, ahogy mondod, és biztosan nem valami ajánlandó
• @Devin Egyetértek. Miközben megemlíti a betűtípust Css-ben, p {font-family: Helvetica, Arial, sans-serif} néven kell megváltoztatni. Az elsődleges betűtípusnak elsőnek kell lennie, ha az érdekeltek ezt a betűtípust részesítik előnyben, majd ezt követően hozzá kell adnunk olyan rendszerbetűtípusokat, mint az Arial n sansarif
• Miért kell megemlíteni a szerzői jogokkal és a webfontok betöltésével kapcsolatos összes megjegyzést? A kérdés azokra a web-biztonságos betűtípusokra vonatkozik, amelyek (definíció szerint) már megtalálhatók a végfelhasználó eszközén. A kérdés nem fejezi ki, hogy webfontokat szeretne betölteni.
• A CSS Betűkészlet nagyon jó, de csak az asztali Windows és OS X rendszerre telepített betűtípusokat jeleníti meg.
• Néhány jó olvasnivaló a Helveticáról a Windows rendszerben. Link

Mint említettük nem létezik biztonságos webes betűtípus. De a @ font-face használatával be lehet tölteni hiányzó betűtípusokat a szerverről. Az @ font-face először a CSS2-ben került bevezetésre, tartalék fájltípusokat tartalmaz, és széles körben támogatott . Ez nem lesz 100% -os megoldás, de sokkal ígéretesebb, mint a gép betűtípusának kiválasztásától függően.

Először a fájlt tegye a szerverére normál statikus hosztolt fájlként. Előfordulhat, hogy be kell állítania a webszerver mime típusait, hogy megfelelően kezelje a fájlt, és nem próbálja meg az ügyfél kézikönyvet letölteni.

Ezután a stíluslapba olyan kódot helyezne el, amely a következőnek tűnik: a következő. Vegye figyelembe, hogy ezek csak néhány lehetséges formátum. Nem kötelező mindegyiket használni. De ha nem törli a fájlra való hivatkozást, hogy elkerülje a hiányzó erőforrás okozta felesleges késleltetést.

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

Ezután hozzárendelné a betűtípust a fájlhoz. elem. Ha megpróbálta használni a Helvetica verzióját, használja a következőket:

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

Ha a betűkészlet nem tölthető be, akkor megpróbálja használni a gépet “s a Helvetica, és ha ez nem sikerül, megpróbálja betölteni a sans-serif fájlt. Ezenkívül felcserélheti a betűtípust és a gép betűtípusát. De nem fogja megmenteni a sávszélességét, mert a stíluslap betöltése után is betölti a betűtípusokat. p>

Végül, de ami a legfontosabb, a Helvetica nem ingyenes betűtípus. A használatához licencet kell vásárolnia. A Linotype eladja Önnek a szükséges webes betűtípusokat és licenceket a weboldaláról. Az árképzés az oldalmegtekintések alapján történik. De miután megvásárolta, teljesen legális beágyazni a weboldalába vagy a webalkalmazásba.

bármilyen eszközön elérhető legyen

Tényleg nincs olyan, hogy “elérhető bármely eszközön”.