Hvad er Google Webfonts eller Typekit-alternativer til Avenir Next Pro?

Jeg leder efter skrifttyper, der er tilgængelige fra Google Webfonts (ideelt set) eller Typekit, der ligner Avenir Next Pro , specifikt Fed og Demi :

Store bogstaver ABCDE efterfulgt af små bogstaver a. Sort på hvid

Store bogstaver ABCDE efterfulgt af små bogstaver og tal 1. Sort på hvid

Har nogen lignende skrifttyper med god gengivelse på tværs af browsere?

Kommentarer

Svar

Nunito er virkelig helt anderledes end Avenir – bogstaverne er ret runde d.

Jeg har gjort et seriøst arbejde med dette for en klient og fundet Google-skrifttypen Lato er praktisk taget umulig at skelne fra Avenir – du kan bogstaveligt talt sætte to ord i de to skrifttyper ved siden af hinanden og ikke fortælle forskellen.

Kommentarer

  • Jeg er uenig her. Q og g er meget forskellige, og det er nok, at vi var tilbageholdende med at bruge Lato som et alternativ. Du kan se en sammenligning her

Svar

Hvis du virkelig vil bruge en Google-skrifttype, foreslår jeg stærkt, at du bruger NUNITO. Den har 3 stilarter: Bog, Normal og Fed. Her er en eksempelsammenligning mellem Bog 300 og Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir Sætningslængden er et perfekt match og x-højde er stor. Dens eneste fejl er, at opstigende og nedstigende er en smule kortere.

Kommentarer

  • Hmm … med små bogstaver gør det virkelig ikke ‘ Se ikke så ens ud, alt for runde. Jeg ‘ fortsætter med at kigge.
  • For en lille kopi sikker, men bestemt ikke til titling.
  • Ja, måde for afrundet. Næsten tegneserie (-sans) ical.
  • Og faktisk er Nunito Sans det ikke-afrundede ækvivalent, så det ‘ er meget bedre – du kan finde det på Google Fonts eller google fonts webhjælper .

Svar

Jeg synes Museo Sans er godt nok:

indtast billedebeskrivelse her

På Google-skrifttyper er der også Montserrat kunne bruges til nogle ord 🙂

indtast billedebeskrivelse her

Kommentarer

  • Jeg synes Museo er smuk, men da jeg prøvede det, var gengivelsen af browseren mindre perfekt, specielt i ældre Windows. Hvis at ‘ er hovedpublikummet, tester jeg ‘ det grundigt!

Svar

Jeg endte med at bruge Muli fra Google Fonts , jeg synes, det er ret tæt:

indtast billedebeskrivelse her

Kommentarer

  • Hvad med PT Sans?
  • Jeg prøvede de andre, og dette ser bestemt ud til at være den mest ens.
  • Q er virkelig helt anderledes – men grafikken afspejler ikke den faktiske Q i Muli.

Svar

Jeg har fundet Bed om at være meget tæt på Avenir Next Pro inden for Google-skrifttyper.

https://fonts.google.com/specimen/Prompt

Du kan kontrollere sammenligningen her

indtast billedebeskrivelse her

Kommentarer

  • Jeg er enig – det ‘ er super tæt !!!!

Svar

Lato er også en sammenlignelig Google-skrifttype:

indtast billedebeskrivelse her

Svar

FYI, for de lettere AvenirNext-ansigter må du ikke overse Ideal Sans. De er næsten identiske. Jeg har ikke sammenlignet de tungere vægte, men for de lettere er dette min go-to. Ja, små bogstaver g er forskellige, men ellers er det ret godt. Jeg er klar over, at jeg necro-poster, men for alle andre, der kommer med:

Sammenligning af AvenirNext Light med IdealSans

Kommentarer

  • velkommen til GD.SE! Necro-indlæg er ok, så længe svaret er nyttigt og svar spørgsmålet.Hvis du vil vide mere om webstedet, skal du tjekke Hjælp .

Svar

Avenir er tilgængelig på nettet på fonts.com

Kommentarer

  • Jeg vidste det ikke ‘, tak! Det ‘ serveres dog ikke, jeg skal være vært for det selv, ikke?
  • @julien_c Du kan dog tilbyder de en planlægger at være vært for det selv. Du bruger bare CSS eller Javascript, som de giver dig til at indlæse dem på din side (som Typekit eller Webtype).
  • Bare for at sige det er Google Web Fonts ‘ t meget anderledes end at integrere det selv på din egen server. Alt, hvad de ‘ laver, er at pege på et CSS-typografiark, der gør stort set de samme typer erklæringer, som du ‘ d gør på dit eget typografiark at integrere dem. Tjek dette link, og du ‘ ser alt, hvad de ‘ gør, henviser til skrifttypen fra deres servere i stedet for lokal. fonts.googleapis.com/css?family=Tauri
  • @ChrisBurton Licensmæssigt, jeg ‘ m ikke sikker på, at jeg har lov til at købe skrifttypen og bare tjene den selv som en webskrifttype. Eller er jeg?
  • @julien_c skal du have et webfonts-abonnement. normalt serverer de ‘ dig et javascript eller css at pege på, men du kan vælge at være vært for dig selv på Pro-planer. mere information om prisfastsættelse her – fonts.com/web-fonts/plans-and-pricing

Svar

Jeg mener, at Sofia Pro Light fra Font Squirrel er et tæt match.

indtast billedebeskrivelse her

Kommentarer

  • pæn font men fra licensen, ” Licenstager kan ikke linke skrifttypen til websteder ved hjælp af @ font-face-vælgeren i CSS. En udvidet licens kan være tilgængelig mod et ekstra gebyr. ”

Svar

Nej nej, Nunito eller Lato er meget forskellige for mine øjne. Jeg har gjort en masse arbejde omkring dette og fundet nedenstående skrifttyper temmelig ens, hvis de behandles med opmærksomhed (skriftstørrelse, vægt, bogstavafstand):

(fra TypeKit)

Kommentarer

  • har du noget imod at tilføje nogle billeder for at hjælpe os med at forstå, hvorfor disse er et godt valg uden at skulle komme ud af GD.SE? Også linkrot er et problem, hvis disse links dør, mister dit svar relevans

Svar

Ikke sikker på, om dette er det bedste sted, men du går ikke langt galt med nogen af disse

OpenSans :

indtast billedbeskrivelse her

SourceSans :

indtast billede beskrivelsen her

Svar

Bortset fra store bogstaver “Q” og den lavere højde af opstigerne, Proxima Nova på Typekit er ret tæt.

Kommentarer

  • Små ” a ” er også lidt anderledes, men jeg er enig i, at dette er et glimrende alternativ.

Svar

Spørgsmålet er nu tre år gammelt, men jeg føler virkelig, at jeg skal nævne League Spartan fra League of Movable Type . Det er ikke fra Google Fonts, men det er gratis og Open Source:

League har kun givet den mest velfremstillede, gratis & open source, @ font-face ready skrifttyper

Den fås i 8 forskellige stilarter. indtast billedebeskrivelse her

Kommentarer

  • Faktisk er League Spartan tilgængelig i otte vægte plus en variabel skrifttype.
  • @BertD Det er gode nyheder!

Svar

Jeg har været på jagt efter en god erstatning for dette. Open Sans, Source Sans Pro og alle de andre populære sans-serif-skrifttyper på Google-skrifttyper er virkelig ikke noget som Avenir Next. Avenir Next er en tynd skrifttype. Jeg brugte denne filtrering på Google-skrifttyper for at finde lignende tynde sans-serif-skrifttyper. Jeg fandt to: Heebo og Yantramanav. Brug af disse med den tynde eller lette stil får mig temmelig tæt på Avenir Next.

Kommentarer

  • Inkluder skærmbilleder af de to anbefalede skrifttyper, du har nævnt .
  • Fantastiske valg. Slår alle de andre Google Fonts-forslag.

Svar

Jeg synes personligt Gibson på Typekit ser mere ens ud end nogen af de andre forslag her.

indtast billedbeskrivelse her

Svar

Nunito er et glimrende alternativ til Avenir. De stigende er lidt højere i Avenir, men selv den mest persnickety designer ville have svært ved at skelne dem fra hinanden. Det kan findes på http://www.google.com/webfonts/specimen/Nunito det har 3 stilarter oprettet af Vernon Adams

Avenir

indtast billedbeskrivelse her

Nunito (Bog 300)

indtast billedebeskrivelse her

Kilde: http://joelcrawfordsmith.com/new/font/avenir

Kommentarer

  • Nunito er et afrundet ansigt. Ved noget over størrelserne vist her ville ansigtet se meget anderledes ud.
  • Ville se stort set det samme ud for blinde mennesker, bortset fra det, nej.
  • ” Nunito Sans ” er versionen med de ikke-afrundede terminaler: fonts.google.com/specimen / …

Svar

Jeg kom på tværs af Open Sans , og det ser ud til, at store bogstaver J er det eneste bogstav, der tydeligvis er anderledes.

Svar

Jeg vil anbefale Futura som et alternativ til Avenir eller Avenir Next

Svar

Kommentarer

  • Hej Kekeman Kayasawa, velkommen til GD.SE. Kan du medtage et screenshot af og et link til skrifttypen? På den måde kan seerne bedømme, om din mulighed er god uden at skulle søge på Google-skrifttypesiden selv. Tak. Hvis du har spørgsmål om dette websted, skal du kigge i Hjælp . Bliv ved med at bidrage og nyd siden!

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *