Anses Helvetica som ett “ webbsäkert ” teckensnitt?

Helvetica är inte bara säkert utan det är också ett upphovsrättsskyddat teckensnitt , så du behöver en licens för att använda den om du laddar den som webbfont.

Faktum är att det finns inga 100% säkra webbfonter , eftersom det beror på på de teckensnitt som användaren har på sin enhet och olika operativa system har olika teckensnittsuppsättningar. Därför måste du göra något så här:

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

Annars kommer din webbplats att visualiseras med standardteckensnittet som användaren har ställt in, till exempel Times New Roman .

Om du vill spela säkert rekommenderar jag den här snygga resursen: CSS Font Stack . Där kan du se ”säkrare” teckensnitt, procentandel av användning av operativsystem och till och med koden som ska användas inklusive fallback alternativ

Kommentarer

• ledsen, men UX handlar inte om slumpmässighet utan om kontroll. Du kanske gillar det bättre ibland , men det är rent subjektivt som du säger, och absolut inte något att rekommendera
• @Devin Jag håller med. När du nämner teckensnittet i Css, bör det ändras som p {font-family: Helvetica, Arial, sans-serif}. Primärt teckensnitt ska komma först om intressenter föredrar det här teckensnittet och nästa måste vi lägga till systemteckensnitt som Arial n sansarif
• Varför alla kommentarer om upphovsrätt och laddning av webbfonter? Frågan ställer om webbsäkra typsnitt som (per definition) redan finns på slutanvändarens enhet. Frågan uttrycker ingen önskan att ladda webbfonter.
• CSS Font Stack är trevligt men det visar bara typsnitt installerade på Windows och OS X på skrivbordet.
• Någon bra läsning om Helvetica i Windows. Länk

Som nämnts det finns inget sådant som ett säkert webbteckensnitt. Men det finns ett sätt att ladda in saknade teckensnitt från din server genom att använda @ font-face . @ font-face introducerades först i CSS2, inkluderar reservfiltyper och stöds allmänt . Detta skulle inte vara en 100% lösning men det skulle vara mer lovande än beroende på maskinens typsnitt.

Först skulle du lägga filen på din server som en vanlig statisk värdfil. Du kan behöva konfigurera mime-typerna på din webbserver så att den hanterar filen ordentligt och inte försöker få klientmanualen att ladda ner den istället.

Då skulle du implementera kod i ditt formatmall som ser ut som det följande. Observera att detta bara är några av de möjliga formaten. Du är inte skyldig att använda dem alla. Men om du inte tar bort referensen till filen för att undvika onödig fördröjning orsakad av den saknade resursen.

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

Därefter skulle du tilldela teckensnittet till din element. Om du vill försöka använda din version av Helvetica, använd något som:

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

Om teckensnittet inte kan laddas kommer det att försöka använda maskinen ”s Helvetica och om det misslyckas kommer det att försöka ladda sans-serif. Dessutom kan du byta teckensnitt och maskinens teckensnitt runt. Men det kommer inte att spara bandbredd eftersom det fortfarande kommer att ladda dina teckensnitt när det laddar stilformatet.

Sist men viktigast är Helvetica inte ett gratis teckensnitt. Du måste köpa en licens för dess användning. Linotype kommer att sälja dig nödvändiga webbfonter och licenser från deras webbplats. Prissättningen baseras på sidvisningar. Men när du köpt det är det helt lagligt att bädda in på din webbsida eller webbapp.

vara tillgänglig på vilken enhet som helst

Egentligen inget sådant som ”tillgängligt på någon enhet”.

Om du inte använder inbäddade teckensnitt måste du använda en teckensnittsstack så att du har några alternativ för säkerhetskopiering om det första inte är tillgängligt.

Helvetica är inte en del av någon Windows-standardteckensnittsuppsättning, därför kommer sannolikt Windows-användare att se ett annat sekundärt teckensnitt. Om det inte är ett problem för dig, använd Helvetica.

Kommentarer

• Arial-teckensnittet är standard i alla versioner av Windows (sedan v3.1) och har väsentligen samma layoutegenskaper; Att använda Arial som en reserv för Helvetica ger alltså väsentligen samma utseende och känsla (med vederbörlig ursäkt till de fontentusiaster som känner till och bryr sig om skillnaderna). Se en.wikipedia.org/wiki/Arial
• Windows är inte det enda operativsystemet, don ' t glömma alla andra. Andra kanske inte har Arial.
• Arial finns inte som standard i många Linux-distributioner, till exempel.