Betragtes Helvetica som en “ websikker ” skrifttype?

Ikke kun er Helvetica ikke sikkert, men det er også en copyright copyright , så du har brug for en licens til at bruge den, hvis du indlæser den som webfont.

Faktisk er der er ikke 100% sikre webskrifttyper , da det afhænger på de skrifttyper, brugeren har på sin enhed, og forskellige operativsystemer har forskellige skriftsæt. Derfor skal du gøre noget som dette:

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

Ellers bliver dit websted visualiseret med den standardskrifttype, som brugeren har indstillet, for eksempel Times New Roman .

Hvis du vil spille sikkert, anbefaler jeg denne ret smarte ressource: CSS Font Stack . Der kan du se “sikrere” skrifttyper, procentdel af brug af OS og endda koden, der skal bruges inklusive fallback alternativer

Kommentarer

• undskyld, men UX handler ikke om tilfældighed, men om kontrol. Du kan måske lide det bedre nogle gange , men det er rent subjektivt som du siger, og bestemt ikke noget at anbefale
• @Devin Jeg er enig. Mens man nævner skrifttypen i Css, skal den ændres som p {font-family: Helvetica, Arial, sans-serif}. Primær skrifttype skal komme først, hvis interessenter foretrækker denne skrifttype, og derefter skal vi tilføje systemskrifttyper som Arial n sansarif
• Hvorfor alle kommentarer om ophavsret og indlæsning af webfonts? Spørgsmålet stilles om websikre skrifttyper, der (pr. Definition) allerede findes på slutbrugerens enhed. Spørgsmålet udtrykker intet ønske om at indlæse webfonts.
• CSS Font Stack er rart, men det viser kun skrifttyper installeret på desktop Windows og OS X.
• Noget godt læst om Helvetica i Windows. Link

Som nævnt der er ikke sådan noget som en sikker webskrifttype. Men der er en måde at indlæse manglende skrifttyper fra din server ved hjælp af @ font-face . @ font-face blev første gang introduceret i CSS2, inkluderer reservefiltyper og er bredt understøttet . Dette ville ikke være en 100% løsning, men det ville være mere lovende end afhængigt af maskinens skrifttypevalg.

Først placerer du filen på din server som en almindelig statisk hostet fil. Du bliver muligvis nødt til at konfigurere dine webserveres mime-typer, så den håndterer filen korrekt og ikke forsøger at få klientmanualen til at downloade den i stedet.

Derefter implementerer du kode i dit stilark, der ligner det følgende. Vær opmærksom på, at dette kun er nogle af de mulige formater. Du er ikke forpligtet til at bruge dem alle. Men hvis du ikke sletter henvisningen til filen for at undgå en unødvendig forsinkelse forårsaget af den manglende ressource.

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

Herefter tildeler du skrifttypen til din element. Hvis du vil forsøge at bruge din version af Helvetica, skal du bruge noget som:

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

Hvis skrifttypen ikke kan indlæses, forsøger den at bruge maskinen “s Helvetica, og hvis det mislykkes, forsøger det at indlæse sans-serif. Derudover kan du bytte din skrifttype og maskinens skrifttype rundt. Men den gemmer ikke din båndbredde, fordi den stadig indlæser dine skrifttyper, når den indlæser typografiarket.

Sidst men vigtigst af alt er Helvetica ikke en gratis skrifttype. Du bliver nødt til at købe en licens til dens anvendelse. Linotype vil sælge dig de nødvendige webskrifttyper og licens fra deres websted. Priserne er baseret på sidevisninger. Men når det er købt, er det helt lovligt at integrere det på din webside eller webapp.

være tilgængelig på enhver enhed

Virkelig ikke sådan noget som “tilgængelig på enhver enhed”.

Hvis du ikke bruger indlejrede skrifttyper, skal du bruge en font-stack, så du har nogle sikkerhedskopieringsmuligheder, hvis den første ikke er tilgængelig.

Helvetica er ikke en del af noget Windows-standard skrifttypesæt, derfor vil Windows-brugere sandsynligvis se en anden sekundær skrifttype. Hvis det ikke er et problem for dig, skal du bruge Helvetica.

Kommentarer

• Arial-skrifttypen er standard i alle versioner af Windows (siden v3.1) og har i det væsentlige de samme layoutkarakteristikker; Brug af Arial som et tilbagefald for Helvetica vil således give stort set det samme udseende og følelse (sagt med behørig undskyldning til de fontentusiaster, der kender og bryr sig om forskellene). Se da.wikipedia.org/wiki/Arial
• Windows er ikke det eneste operativsystem, don ' t glemme alle andre. Andre har muligvis ikke Arial.
• Arial er for eksempel ikke der i mange linux-distroer.