Vad är Google Webfonts eller Typekit-alternativ till Avenir Next Pro?

Jag letar efter teckensnitt, tillgängliga från Google Webfonts (helst) eller Typekit, som liknar Avenir Next Pro , specifikt Fet och Demi :

Stora bokstäver ABCDE, följt av gemener a. Svart på vitt

Stora bokstäver ABCDE, följt av små bokstäver och siffror 1. Svart på vitt

Har du liknande teckensnitt med bra webbrendering?

Kommentarer

Svar

Nunito är egentligen helt annorlunda än Avenir – bokstäverna är ganska runda d.

Jag har gjort ett seriöst arbete med detta för en klient och fann att Googles teckensnitt Lato är praktiskt taget oskiljbart från Avenir – du kan bokstavligen lägga två ord i de två teckensnitten bredvid varandra och inte säga skillnaden.

Kommentarer

  • Jag håller inte med här. Q och g är helt olika, och det räcker att vi var ovilliga att använda Lato som ett alternativ. Du kan se en jämförelse här

Svar

Om du verkligen vill använda ett Google-typsnitt föreslår jag starkt att du använder NUNITO. Den har tre stilar: Bok, Normal och Fet. Här är ett exempel på jämförelse mellan bok 300 och Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir Meningslängden är en perfekt matchning och x-höjd är jättebra. Dess enda fel är att uppstigningar och nedstigningar är lite kortare.

Kommentarer

  • Hmm … med små bokstäver gör det verkligen inte ’ t ser så lika ut, alldeles för runda. Jag ’ fortsätter att leta.
  • För liten kopia säker men definitivt inte för titeln.
  • Ja, sätt för rundad. Nästan komiska (-sans) ical.
  • Och faktiskt är Nunito Sans den icke-rundade ekvivalenten, så det är ’ bättre – du hittar den på Google-teckensnitt eller google teckensnittshjälp .

Svar

Jag tycker att Museo Sans är bra tillräckligt:

ange bildbeskrivning här

På Google-teckensnitt finns det också Montserrat kan användas för vissa ord 🙂

ange bildbeskrivning här

Kommentarer

  • Jag tycker att Museo är vackert, men när jag försökte det var webbläsarens rendering mindre perfekt, speciellt i äldre Windows. Om att ’ är huvudpubliken, testar jag det ’ noggrant!

Svar

Jag slutade med att använda Muli från Google Fonts , jag tycker att det är ganska nära:

ange bildbeskrivning här

Kommentarer

  • Vad sägs om PT Sans?
  • Jag försökte de andra och detta verkar definitivt vara mest likartat.
  • Q är egentligen helt annorlunda – men bilden återspeglar inte den faktiska Q i Muli.

Svar

Jag har hittat Be om att vara mycket nära Avenir Next Pro inom google-teckensnitt.

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

Du kan kontrollera jämförelsen här

ange bildbeskrivning här

Kommentarer

  • Jag håller med – det ’ är super nära !!!!

Svar

Lato är också ett jämförbart Google-teckensnitt:

ange bildbeskrivning här

Svar

FYI, för de lättare AvenirNext-ansiktena, se inte Ideal Sans. De är praktiskt taget identiska. Jag har inte jämfört de tyngre vikterna, men för de lättare är det här mitt val. Ja, gemener g är annorlunda, men annars är det ganska bra. Jag inser att jag ”necro-postar, men för alla andra som kommer med:

Jämföra AvenirNext Light med IdealSans

Kommentarer

  • Välkommen till GD.SE! Necro-inlägg är ok, så länge svaret är användbart och svar frågan.Om du vill veta mer om webbplatsen kan du läsa hjälpcentret .

Svar

Avenir är tillgänglig för webben på fonts.com

Kommentarer

  • Jag visste inte ’ visste inte det, tack! Det ’ serveras dock inte, jag måste vara värd själv, eller hur?
  • @julien_c Du kan men de erbjuder en planerar att vara värd för det själva. Du skulle bara använda CSS eller Javascript som de ger dig för att ladda dem på din sida (som Typekit eller Webtype).
  • Bara för att säga att Google Web Fonts inte är ’ t mycket annorlunda än att bädda in det själv på din egen server. Allt de ’ gör är att peka på ett CSS-formatmall som gör ungefär samma typer av deklarationer som du ’ skulle göra i ditt eget formatmall att bädda in dem. Kolla in den här länken så ser du ’ allt de ’ gör är att hänvisa till teckensnittet från sina servrar istället för lokalt. fonts.googleapis.com/css?family=Tauri
  • @ChrisBurton Licensmässigt, jag ’ är inte säker på att jag får köpa teckensnittet och bara tjäna det själv som ett webbteckensnitt. Eller är jag?
  • @julien_c du måste ha en webbfontsprenumeration. normalt ’ serverar du ett javaskript eller css att peka på, men du kan välja att vara värd för Pro-planer. mer information om prissättning här – fonts.com/web-fonts/plans-and-pricing

Svar

Jag tror att Sofia Pro Light från Font Squirrel är en nära matchning.

ange bildbeskrivning här

Kommentarer

  • snyggt teckensnitt men från licensen, ” Licensinnehavaren får inte länka teckensnittet till webbplatser med @ font-face-väljaren i CSS. En utökad licens kan finnas tillgänglig mot en extra avgift. ”

Svar

Nej nej, Nunito eller Lato är väldigt olika för mina ögon. Jag har gjort mycket arbete kring detta och tyckte att teckensnitten nedan är ganska lika om de behandlas med uppmärksamhet (teckenstorlek, vikt, bokstavsavstånd):

(från TypeKit)

Kommentarer

  • har du något emot att lägga till några bilder som hjälper oss att förstå varför de är ett bra val utan att behöva komma ur GD.SE? Länkrutt är också ett problem, om dessa länkar dör blir ditt svar förlorat relevans

Svar

Inte säker på om det här är det bästa stället men du kommer inte gå långt fel med någon av dessa

OpenSans :

ange bildbeskrivning här

SourceSans :

ange bild beskrivningen här

Svar

Med undantag för stora bokstäver ”Q” och den nedre höjden på stigarna, Proxima Nova på Typekit är ganska nära.

Kommentarer

  • gemener ” a ” är också lite annorlunda, men jag håller med om att detta är ett utmärkt alternativ.

Svar

Frågan är nu tre år gammal, men jag tycker verkligen att jag bör nämna League Spartan från League of Movable Type . Det är inte från Google-typsnitt, men det är gratis och öppen källkod:

Liga har endast gett den mest välgjorda, fria & öppen källkod, @ font-face redo typsnitt

Den finns i 8 olika stilar. ange bildbeskrivning här

Kommentarer

  • Egentligen finns League Spartan tillgängligt i åtta vikter plus ett variabelt typsnitt.
  • @BertD Det är goda nyheter!

Svar

Jag har letat efter en bra ersättning för detta. Open Sans, Source Sans Pro och alla andra populära sans-serif-teckensnitt på Google-teckensnitt är egentligen inget som Avenir Next. Avenir Next är ett tunt typsnitt. Jag använde den här filtreringen på Google-teckensnitt för att hitta liknande tunna sans-serif-teckensnitt. Jag hittade två: Heebo och Yantramanav. Att använda dessa med den tunna eller lätta stilen får mig ganska nära Avenir Next.

Kommentarer

  • Inkludera skärmdumpar av de två rekommenderade teckensnitt som du har nämnt .
  • Bra val. Slår alla andra Google Fonts-förslag.

Svar

Jag tycker personligen Gibson på Typekit ser mer ut som något av de andra förslagen här.

ange bildbeskrivning här

Svar

Nunito är ett utmärkt alternativ till Avenir. Uppstigningarna är något högre i Avenir men även den mest persnickety designern skulle ha svårt att skilja dem ifrån varandra. Den finns på http://www.google.com/webfonts/specimen/Nunito den har 3 stilar skapade av Vernon Adams

Avenir

ange bildbeskrivning här

Nunito (bok 300)

ange bildbeskrivning här

Källa: http://joelcrawfordsmith.com/new/font/avenir

Kommentarer

  • Nunito är ett rundat ansikte. På något över de storlekar som visas här skulle ansiktet se väldigt annorlunda ut.
  • Skulle se ungefär samma ut för blinda människor, förutom det, nej.
  • ” Nunito Sans ” är versionen med de icke rundade terminalerna: fonts.google.com/specimen / …

Svar

Jag kom över Open Sans , och det verkar som att versalerna J är den enda bokstaven som är uppenbarligen annorlunda.

Svar

Jag skulle rekommendera Futura som ett alternativ till Avenir eller Avenir Next

Svar

Kommentarer

  • Hej Kekeman Kayasawa, välkommen till GD.SE. Kan du inkludera en skärmdump av och en länk till typsnittet? På det sättet kan tittarna bedöma om ditt alternativ är bra utan att själva behöva söka på Googles teckensnittswebbplats. Tack. Om du har några frågor om den här webbplatsen, ta en titt i hjälpcentret . Fortsätt bidra och njut av webbplatsen!

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *