Betraktes Helvetica som en “ websikker ” font?

Ikke bare er Helvetica ikke trygt, men det er også en copyright-beskyttet font , så du trenger en lisens for å bruke den hvis du laster den inn som webfont.

Faktisk, er det ingen 100% sikre nettfonter , siden det vil avhenge på skriftene brukeren har på sin enhet, og forskjellige operativsystemer har forskjellige skriftsett. Derfor må du gjøre noe som dette:

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

Ellers blir nettstedet ditt visualisert med standardskrifttypen brukeren har angitt, for eksempel Times New Roman .

Hvis du vil spille trygt, anbefaler jeg denne ganske smarte ressursen: CSS Font Stack . Der kan du se «sikrere» skrifttyper, prosentandel av bruk av operativsystem og til og med koden du skal bruke inkludert fallback alternativer

Kommentarer

• beklager, men UX handler ikke om tilfeldighet, men om kontroll. Du vil kanskje like det bedre noen ganger , men det er rent subjektivt som du sier, og absolutt ikke noe å anbefale
• @Devin Jeg er enig. Mens du nevner fonten i Css, bør den endres som p {font-family: Helvetica, Arial, sans-serif}. Primær skrift bør komme først hvis interessenter foretrekker denne skrifttypen, og neste gang må vi legge til systemskrifter som Arial n sansarif
• Hvorfor alle kommentarene om opphavsrett og innlasting av nettfonter? Spørsmålet stilles om websikre skrifter som (per definisjon) allerede er tilstede på enheten til sluttbrukeren. Spørsmålet uttrykker ikke noe ønske om å laste inn webfonter.
• CSS Font Stack er hyggelig, men det viser bare skrifttyper installert på skrivebordet Windows og OS X.
• Noe god lesing om Helvetica i Windows. Link

Som nevnt det er ikke noe som heter en trygg nettfont. Men det er en måte å laste inn manglende skrifter fra serveren din ved hjelp av @ font-face . @ font-face ble først introdusert i CSS2, inkluderer reservetyper og er allment støttet . Dette ville ikke være en 100% løsning, men det ville være mer lovende enn avhengig av maskinens skriftvalg.

Først vil du legge filen på serveren din som en vanlig statisk vertfil. Du må kanskje konfigurere mime-typene til webserveren din slik at den håndterer filen ordentlig og ikke prøver å få klientmanualen til å laste den ned i stedet.

Deretter implementerer du kode i stilarket ditt som ser ut som følgende. Vær oppmerksom på at dette bare er noen av de mulige formatene. Du er ikke pålagt å bruke dem alle. Men hvis du ikke sletter referansen til filen for å unngå unødvendig forsinkelse forårsaket av den manglende ressursen.

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

Deretter tildeler du skrifttypen til element. Hvis du vil prøve å bruke din versjon av Helvetica, bruk noe sånt som:

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

Hvis skrifttypen ikke kan lastes inn, vil den prøve å bruke maskinen «Helvetica, og hvis det mislykkes, vil den prøve å laste inn sans-serif. I tillegg kan du bytte skrift og maskinfont. Men det vil ikke lagre båndbredden fordi den fremdeles vil laste inn skriftene dine når den laster stilarket. p>

Sist men viktigst er Helvetica ikke en gratis font. Du må kjøpe en lisens for bruk. Linotype vil selge deg de nødvendige nettfonter og lisenser fra deres nettsted. Priser er basert på sidevisninger. Men når du er kjøpt, er det helt lovlig å legge inn på nettsiden eller nettappen din.

være tilgjengelig på alle enheter

Egentlig ingen slike ting som «tilgjengelig på noen enheter».

Hvis du ikke bruker innebygde skrifter, må du bruke en skriftstabel, så du har noen sikkerhetskopieringsalternativer i tilfelle den første ikke er tilgjengelig.

Helvetica er ikke en del av noe Windows-skrifttypesett, derfor vil Windows-brukere sannsynligvis se en annen sekundær font. Hvis det ikke er et problem for deg, bruk Helvetica.

Kommentarer

• Arial-skrifttypen er standard i alle versjoner av Windows (siden v3.1) og har i hovedsak de samme layoutegenskapene; Å bruke Arial som et tilbakeslag for Helvetica vil dermed gi stort sett det samme utseendet og følelsen (sagt med behørig beklagelse til de fontentusiastene som kjenner og bryr seg om forskjellene). Se no.wikipedia.org/wiki/Arial
• Windows er ikke det eneste operativsystemet, ikke ' t glemme alle andre. Andre har kanskje ikke Arial.
• Arial er ikke der som standard i mange Linux-distribusjoner, for eksempel.