Vous êtes sur la page 1sur 45

4/8/2016

TheUltimateGuidetoFontPairing

h
s
j
b
f

Close
DesignSchool
Blog
Tutorials
TeachingMaterials
AboutCanva
Tour
Story
JointheCanvateam
News
Blogs
Press
Media
Education
DesignCommunity
CanvaforWorkResources
CanvaforNonprofits
Templates
Flyers
Posters
Banners
Infographics
Bookcovers
Cdcovers
Presentations
Socialgraphics
Businesscards
Letterheads
Postcards
Desktopwallpapers
Rsum
Collages
Giftcertificates
Magazinecovers
Menus
Createadesign
Cards
Flyers
Posters
Banners
Resumes
Brochures
Postcards
Infographics
PhotoCollages
BookCovers
AlbumCovers
Presentations
SocialGraphics
BusinessCards
Letterheads
GiftCertificates
MagazineCovers
Features
PhotoEditor
PhotoBlur
FreeIcons
FreeBadges
DesignGrid
Vignette
Stickers
SpeechBubble
AddTextures

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

1/45

4/8/2016

TheUltimateGuidetoFontPairing

CropYourImages
PhotoEffects
PhotoFrame
PhotoStraightener
TransparentImages
AddTextToPhotos
Contribute
Photographers&Illustrators
Designers
Product
CanvaforWeb
CanvaforiPad
CanvaButton
CanvaforWordpress
Support
SubscribetoDesignSchool
Canvalogo
DesignSchool
Blog
Tutorials
TeachingMaterials
About
Tour
Story
JointheCanvateam
News
Blogs
Press
Media
Education
DesignCommunity
CanvaforWorkResources
CanvaforNonprofits
More
Photographers&Illustrators
Designers
CanvaforWeb
CanvaforiPad
CanvaButton
CanvaforWordpress
Support
Templates
Flyers
Posters
Banners
Infographics
Bookcovers
Cdcovers
Presentations
Socialgraphics
Businesscards
Letterheads
Postcards
Desktopwallpapers
Rsum
Collages
Giftcertificates
Magazinecovers
Menus
Createadesign
Cards
Flyers
Posters
Banners
Resumes
Brochures
Postcards
Infographics
PhotoCollages
BookCovers
AlbumCovers
https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

2/45

4/8/2016

TheUltimateGuidetoFontPairing

Presentations
SocialGraphics
BusinessCards
Letterheads
GiftCertificates
MagazineCovers
Features
PhotoEditor
PhotoBlur
FreeIcons
FreeBadges
DesignGrid
Vignette
Stickers
SpeechBubble
AddTextures
CropYourImages
PhotoEffects
PhotoFrame
PhotoStraightener
TransparentImages
AddTextToPhotos
More
Menu
FollowCanva:

Like

Follow@canva

Canva

PoppiePackDecember15,2015
General
43

CanvasUltimateGuidetoFontPairing
Greatfontsareessentialtogreatdesign.Butpickinggreatfontscanseemlikeanimpossibledarkartformostpeople.InthearticlebelowIllexplainthe
basicsofchoosinggreatfontsandthengiveyoumyfavoritecombinationsthatyoucanuseinyourowndesigns.
Thesefontpairsareperfectifyouaretryingtocreateyournextpresentation,socialmediagraphicoranythingelseyoudliketodesign.Ofcourse,allof
thesefontsareavailableforyoutouseforfreeinsideCanva.
Theresasciencetoapplyingaheading,subheadingandbodycopytosuitthetypeofcontentyoureproducingandthemessageortoneofyourbrand.
Thinkweveleftsomegoodonesout?Sharethefontpairingsyouliketouseinthecommentssection,below,andifwethinkitdeservestobeonthislist,
welladditinandfeatureyourowndesign.

Theanatomyoftypography
Beforewegetstartedonthelistof30fontpairings,therearetworesourcesyoushouldhaveonhand.
Thefirstisasuperhelpfulinfographicshowingtheimportantfeaturesoftypographicanatomy:

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

3/45

4/8/2016

TheUltimateGuidetoFontPairing

Thesecondisaninfographicglossaryoftypographictermsandcompositionaltechniques,explainingthebasicswhenitcomestotypography:

TheDesignSchoolListof30FontPairings
Tomakeiteasierforyoutousethisguideasareferencematerial,wevearrangedour30uniquefontpairingsaccordingtothecontentorpublicationtype
theyworkbestfor.Again,ifyouthinkwevemissedonethatshouldhavebeencovered,dropanoteinthecommentssection,below.

01.DesignPublication

LeagueSpartanisamoderntypefacewithstrongstructureandgeometricform.ThiscontrastswellagainsttheelegantandmoretraditionalstyleofLibre
Baskerville.Usingaserifforyourbodycopymakesmoredenseinformationeasytoread.
Creatingcolumnsareagreatwayofcontainingyourtext.Shorterlinesoftextareproventobeeasiertoread,sowhenyouhavelimitedcopy,trytoreduce
thewidthofyourtextspace.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

4/45

4/8/2016

TheUltimateGuidetoFontPairing

02.Resum

JuliusSansOneoffersafinestroke,anditsbroaderbaselinemakesitagreatdisplayfont.Offsettingwellagainstthemoremasculineandgeometricstyle
ofArchivoNarrow,thesetypefacesofferagoodcombinationforeasyreadability.
Resumesandformaldocumentsareoftenlacklustrewhenitcomestofontandfontpairings,buttheydonthavetobe.Combiningclean,easytoread
typefacesthatcreatehierarchyandbalanceisimperativewhenyouaretryingtoconveyamessage.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

5/45

4/8/2016

TheUltimateGuidetoFontPairing

03.Sports/Active

Abold,roundedtypefacecombinedwithalighter,condensedstylewillmakeforhappyfontpairing.Allthreefontsinthisexamplearestrong,masculine
andeasytoread.Thebold,wideArchivoBlackcreatesimpact,appropriateforamaledirectedaudience.
Herethetextcolorhasbeenbrokenuptocomplementthecompositionandcolorsinthebackgroundimage.Communicatingwithvisualtechniqueslike
thisbringsmoresymbolismtoyourdesigns.Thetexthasbeenplacedtooutlinetheshapeofthedancerintheimage,guidingtheeyetoreadthedesign
muchlikeastory.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

6/45

4/8/2016

TheUltimateGuidetoFontPairing

04.eBook

Dontbeafraidtouseonetypefaceacrossyourentirebrand.FindingfontslikeLibreBaskervillethathavestylevariantsisacleverwaytocreatenuance
withoutovercomplicatingyourdesigns.Thistypefaceisaclassicserifthatisbeautifullyappliedasaheadingandeasytoreadbodycopy.
Toelaborateonhoweasyitistousedifferentfontvariants,hereisanexampleofLibreBaskervilleinaction.Usinganitalicpronouncesawordor
subheadingwithouthavingtochangefontfamilies.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

7/45

4/8/2016

TheUltimateGuidetoFontPairing

05.FashionRetail

BebasNeueisafavoriteoutthereinthedesignsphere.Itscondensedandcleanformmakesitexcellenttouseforheadings.Roundandnarrowtypefaces
offsetnicelyagainsteachother.ThecontrastbetweenBebasandMontserratmakesforatidyandcontemporarypairing.
Becauseofthegeometricformofthisfontcombination,shapesarenicetousetoaccompanyyourtype.ThelinesappliedeithersideoftheSeasonSale
textactasgreatbookmarksandtheyaligntothewidthoftheheadingforstylisticcomposition.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

8/45

4/8/2016

TheUltimateGuidetoFontPairing

06.SophisticatedStyle

Youdonthavetousecompletelydifferentfontstoachieveadramaticeffectyoucanuselightandboldversionsofthesamefamilyforversatility.Lora
hasbrushedcurvesthatmakeitaveryelegantandsophisticatedtypeface.Theeffectofusingtheitalicandregulartogetherischarmingandfeminine.
Applyinterestingcompositionsbyfindingareastoplacetext.Thebackgroundimage,here,wasscaledtomakeforcopyspacetoplaceonthebulbofthe
orchid.Whitetextwasusedforthebodycopytocontrastagainstthedarkerpetals,whilethesamefuchsiacolorwasusedontheheadingandsubheadings.
Thekeylinemakesforasimpleeffect,andnicelyanchorsthecopytotherightofthegraphic.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20

9/45

4/8/2016

TheUltimateGuidetoFontPairing

07.Frontpage

Thiscombinationhassimilaritiestopairingsyouwouldfindinnewspapersorpublishing.OpenSansExtraBoldgrabstheattentionofyouraudience,
muchlikethatofaheadline.
Thesetypefacesaretoughandstraighttothepoint.ThelightCooperHewittappliedinuppercaseisagreatcontrastingsubheadorchaptermarker,asis
theeasytoreadPTSansforbodycopy.Thesetypefacesarewellbalancedandcreateasolid,wellanchoredstyle.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 10/45

4/8/2016

TheUltimateGuidetoFontPairing

08.Technology

RobotoCondensedisasansseriftypefacewithasansserifreadingrhythm,whichmakesitagreatchoiceforbodycopy.Whenappliedinbold,thefont
worksverywellforaheading.Theextendedxheightofthetypefaceenhancesthealreadywellcondensedeffectofthefont.
Headingsandsubtitlesdonthavetositinorder,whichiswhyweusescaleandsizetodifferentiatethem.Createsomenuancebyusingcleverspacing
betweenyourascendersanddescenderstoplacesometext.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 11/45

4/8/2016

TheUltimateGuidetoFontPairing

09.ArtGallery

Withstrongarchesandcurves,CooperHewittisaclassictypefacewithexcellentvariationstousetoseparateyourheadings,subheadingsandbodycopy
respectively.
Findinggeometric,contrastingspacesinyourbackgroundimageareanexcellentwaytoplacetext.Darkenyourimagealittletoenhancereadability.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 12/45

4/8/2016

TheUltimateGuidetoFontPairing

10.InvitationandEvents

PlayfairDisplayisanexcellenttypefacetouseforweddingorinvitationdesign.TheheavystyleofPlayfairDisplayBlackoffsetsbeautifullyagainst
PlayfairDisplayItalic,creatingaharmonioushierarchy.
Colorcanplayawonderfulpartinhowyourtypefacesareportrayedforexample,thelighttonesfromtheskyinthebackgroundimage,here,havebeen
usedmasterfullytosoftenthetext.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 13/45

4/8/2016

TheUltimateGuidetoFontPairing

11.IndustrialCool

Norwesterisanattentiongrabbing,geometricfontbestusedforheadings.ThepairingofNorwester,KollektifandMontserratisstructuredand
geometric.
Itsalwaysgoodtoconsidertheessenceyouaretryingtovisuallycommunicatewithyouraudience.Usingthisstrongcombinationtosymbolizethe
physicalstrengthoftheproductisanicewaytocreatevisualmetaphor.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 14/45

4/8/2016

TheUltimateGuidetoFontPairing

12.LifestyleMagazine

SourceSansProandSourceSerifProwerecreatedtobeusedasapairindesignandareanotherexcellentexampleoftypographicharmony.
Usingagridisoneoftheeasiestwaystoformaclean,structuredcomposition,whichcreatesbalanceandhierarchy,andcolorenhancesthesefeaturesby
pullingtonesinfromtheimagestoformconsistencyandvisualharmony.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 15/45

4/8/2016

TheUltimateGuidetoFontPairing

13.BikeShop

Afunpairing:Yellowtailisafatbrushscripttypefacewithamixofconnectingletterforms.Contrastingnicelyagainsttheboldandmorebasicstyleof
OpenSansBoldandOpenSanslight.
Scripttypefacesmakeforlovely,embellishedshortheadings.Toomanywordsarehardtoread,sobesttokeepyourapplicationofscripttoalimited
numberofwords.Takeadvantageoftheslantedformofascripttypefacebyadjustingtheanglealittle.
Note:Findthenaturalcompositionofyourbackgroundtoplaceyourtext,lettingdescendersdropintospacesandcurlaroundobjects.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 16/45

4/8/2016

TheUltimateGuidetoFontPairing

14.Exhibition

Agreatcombination,theroundnessofRalewaycontrastswellwiththecondensedRobotoCondensed.Afineweightedsubheadingoffsetswellagainsta
heavierheadingtypeface.
Usingmixedweightsofonetypefaceisanexcellentwaytoenhancehierarchyandformsomenuance.Tyinginacolorfromyourbackgroundimagewill
connectyouraudiencewiththesubjectmatter.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 17/45

4/8/2016

TheUltimateGuidetoFontPairing

15.Mediterranean

Cinzelisconsideredcontemporary,althoughitwasinspiredbyclassicalRomanstyle.WiththedelicatestrokesofQuattrocentoandLorascurves,thisisa
finecombinationtouseforheadingsorforinvitations.
Thisapplicationisamoretraditionalandexpectedstyle.Findingwordsthatareasimilarlengthorwidthwillcreateaniceformforthecompositionof
yourdesign.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 18/45

4/8/2016

TheUltimateGuidetoFontPairing

16.FormandFunction

Oswaldhasbeenredesignedasawebfonttoworkacrossalldigitalscreens.TeamedwithMontserratLightandCooperHewitt,thisisahighlyfunctional
andeasytoreadinterfacefontcombination.
ToamplifyatypefacelikeOswald,useacontrastingcolorbehindthesectionsoftext.Thisnotonlymakesitstandoutbutalsoenhancesthehierarchy
betweenyourheading,subheadingandbodycopy.Alignmentisimportantsoensureyouplacetheseblocksdeliberately.Tocreateastrong
monochromaticstyle,useblackandwhiteelementsgroupedwithadesaturatedimage.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 19/45

4/8/2016

TheUltimateGuidetoFontPairing

17.AnnualReport

Reportsrequirelesscomplicatedtypecombinations,whichmakesthistrioagreatchoice.Dontbeafraidtouseathintypefaceasaheading.Thisisoneof
thebestwaystotakeadvantageofaveryfinetypeweightasitshowsoffthestructureandletterform.
Whenyouareapplyingfinetypefaces,itsimperativetoensurethatitseasytoread.Applyingoveraflatcolorcanhelpwiththis,formingcontrastand
lettingtheformstandout.
Note:Lightertypefacesrisklookingweakcombiningthemwithboldcolorsandadditionalelementswillgiveyourdesignsomegusto.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 20/45

4/8/2016

TheUltimateGuidetoFontPairing

18.ArtandObject

Kollektifwascreatedinafightagainstthefine,cleanstyleofthegeometrictypefacesofthe21stCentury.Thedisruptorisaroundandstrongtypeface
greatforbothwebandprintmaterial.Gidoleoffersaheavycontrastwithafineandcondensedform.
Choosingatypefaceisntjustaboutwhetheryoulikeitornot,itsabouthowthewordsinyourcopylookwhenthetypefaceisapplied.Itmightbethe
descenderontheg,orthekthathugstheo(likeinKollektif).Thetittleontheiisquiteroundandcreatesanelementofnuanceincontrasttothe
structuredandotherwiseangulartypeface.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 21/45

4/8/2016

TheUltimateGuidetoFontPairing

19.FashionMagazine

Bodoniisknownasaclassicmagazineheadingtypeface.MassimoVignellistatedthatBodoniisoneofthemosteleganttypefaceseverdesigned.The
applicationofBodonipairedwiththecontrastingofMontserratissophisticatedandcontemporary.
Findingshapeswithinyourbackgroundimageisaclevertechniquetocontainyourtext.Ensureyourtextcolorcontrastsagainstthecolorbehindasthere
maybedetailinyourimagethatwouldmakeyourtexthardtoread.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 22/45

4/8/2016

TheUltimateGuidetoFontPairing

20.Adventure

Merriweatherwascreatedspecificallyforwebdesignandnotfavoredasaprinttypeface.Thecombinationofboldandregularstylevariantsmakesfor
easyreadingandclassicaesthetic.
Rulesarealsomadetobebroken,sodonttakethesesizingsandpairingstooseriously.Becreativewithyourplacementandstylevariants,especiallyfor
thesakeofconceptualdesigntreatmentslikecreatinghierarchyandtypographicstyles.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 23/45

4/8/2016

TheUltimateGuidetoFontPairing

21.Zine

LeagueGothichasadistinctivecondensedstylethathassimilaritiestoArchivoNarrowyetoffsetswellagainsttheroundformofKollektif,actingasa
nicebarrierbetweenheadingandbodycopy.
Makeinterestingcompositionsusingshapes,photosandelements.Colorisacrucialelementtotyinginyourdesignelements.Hereitactsasabreakfrom
thedesaturatedphotosandbringslifetothetitle.Alignedplacementofthechunkykeylinebelowtheheadingformsananchorandseparatesthecopycopy
fromtheheading.Theintroheadingisthesamewidthasthefirstwordofthemainheading(Return)forvisualharmony.Remember,designisdeliberate,
soensuringelementslineupisanimperativepartofthecreativeprocess.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 24/45

4/8/2016

TheUltimateGuidetoFontPairing

22.WebDesign

Arelativelynewtypeface,Latoisanexcellentchoiceforuserinterfacewebsitedesign.Latossemiroundedcharacterscreateawarmth,whichisnt
alwaysapparentinwebfonts.Thestrongformhowever,providesastabilityandslightmasculinity.
FontFact:LatomeansSummerinPolish.Maleandfemale,seriousbutfriendly.WiththefeelingoftheSummer,ukaszDziedzic,Latocreator.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 25/45

4/8/2016

TheUltimateGuidetoFontPairing

23.FinancialAdvertising

Rememberingtoensurethetypefacesyouchoosesingthesongofthesubject,applyanappropriatetypefaceaccordingtothecontent.Thiscombinationis
madeupofslabseriftypefacesthatofferamoreorganicaesthetic.Therearethreeverydefinedweightsforagoodcontrast.
Thesefontsaremasculineandbold,thereforegreattoapplytobrandsassociatedwithstrengthandloyalty.Remembertofindcolorsthatwillenhancethe
meaningbehindyourbrandorcompany,herethecolorsblueandredformthatrelationshipwiththeproductandthetypefaces.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 26/45

4/8/2016

TheUltimateGuidetoFontPairing

24.Hotel

Acontemporaryandartdecoinspiredcombination,thesegeometrictypefacescontrastandcomplement.Sifonnisastrongdisplayfontandidealfor
headingsandlesscopyheavysectionsoftext.ApplyingahighcontrastfontlikeBebasNeueforthesubheadingformsvisualharmony.
Thisapplicationhasbeenusedwithamorecomplexphotogrid.Imagesareplacedandcroppeddeliberatelywithingridstocomplementtheformofthe
photograph.Herethetexthasbeenplacedonthedarkestsectionofthephotoandfollowstheformofthefeaturewithintheimage.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 27/45

4/8/2016

TheUltimateGuidetoFontPairing

25.CocktailBar

Contemporaryandcool,thisisanexcellentexampleofusingafineweighttypefaceforaheadingandheavierversionsforsubheadingandbodycopy.
Montserrathasaclean,structuredandeasytoreadform.TheapplicationofMontserratLightforaheadingsoftenstheoveralleffect.
Incontext,youcanseehowthefinelinescomplementthesubjectwell.BecauseMontserratisaverylighttypeface,itsimportanttofindcopyspacethat
doesnthavetoomuchdetailtoplaceit.Inaddition,makesurethereisenoughtonalcontrastbetweenbackgroundandtext,toensureyourtypeiseasily
read.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 28/45

4/8/2016

TheUltimateGuidetoFontPairing

26.Review

SourceSansProisinspiredbytypefacessuchasFranklinGothic,butwithalargerxheight.Althoughasansseriftypeface,italsohasasubtlecurve
whichhasbeeninfluencedbyhumanistandseriftypefaces.
BothSourceSansProandOpenSansaretypefacesintendedtoworkwellinuserinterfaces.Onlinenewslettersandreportsneedclean,easytoread
combinationsthatclearlydefineheading,subheadingandbodycopysoreaderscanscanandidentifywhattheywanttoread.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 29/45

4/8/2016

TheUltimateGuidetoFontPairing

27.Cinema

SixCapsisacondensedandtightdisplayfont,idealtouseforaheading.TeamedwithArchivoNarrow,thiscombinationmakesfora60sretrospective
styling.Thecleandistinctionbetweenthethreestylesmeansinformationwillbecommunicatedinorderofimportance.
Usingakeylineordetailtocreatealignmentbetweenrowsoftextwillformastackingeffect.Thismeansyourtypewillbecomewellcontained,agood
techniquetouseforfinertypefacesorsmalltext.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 30/45

4/8/2016

TheUltimateGuidetoFontPairing

28.Manufacturing

AsansserifcombinationAntonisareworkingofatraditionaladvertisingtypefacesodesignedtocapturetheattentionofanaudiencewithitsstrong,
geometricform.Tocreatemoreimpact,ithasbeenteamedwithOpenSansLightforitscontrastingvisualqualities.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 31/45

4/8/2016

TheUltimateGuidetoFontPairing

29.Patisserie

Sacramentoisascriptfontbestsavedforheadings.Becauseofitsembellishedandconnectingstrokes,toomanywordsbecomehardtoread.Thedelicate
formofthistypefacepairswellwithMontserratLight,fortheircontrastingstylebutsimilarweight.
Thiscombinationisverymodernandfemininethereforealovelypairingfortherepresentationofdelicaciesorsweetfood.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 32/45

4/8/2016

TheUltimateGuidetoFontPairing

30.ModernClassic

Aileronisaneasytoread,functionaltypefacethatwhenappliedusingdifferentweightswillcreateaconsistentandcleanaesthetic.Thiscombinationis
greattouseforanyformalmarketingordocumentswithdensecopy.

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 33/45

4/8/2016

TheUltimateGuidetoFontPairing

FontFact:ThetypefacewascreatedwithHelveticainmindbutthecreatormadehisownadjustmentstogiveitmorecurves.
Whetheryouchooseelegantseriftypefaces,ormoremoderncontemporaryones,thetypefacesyouchoosecreateafaceforyourbrand.Thesuccessful
combinationoftypefacesnotonlymakesyourcontenteasytoreadbuthelpsyoucommunicateyourmessagetoyouraudiencebetter.
Byputtingtogetheressentialvisualcomponentsyouformapersonalityforyourbrand.Therefore,theapplicationoftypefacesisafundamentalstepin
startingyourbrandjourney.Usethisblogposttohelpyoucreatehappyfontpairingsandtoinspireyoutogooutandpushyourtypographicabilities.Itis
agreatguidetosetyououtontheinitialstepstocreatingyourbrandkit!

Bringgreatdesigntoyourentireworkplace
TryCanvaforWorkfree!

Writtenby
PoppiePack
SeePoppiePackslatestposts
Poppieispassionateabouthelpingpeoplebecomebetterdesigners.AsCanvasSeniorGraphicDesigner,shesresponsibleformanyofCanvasamazing
graphicsincludingthedailydesigntipsonCanvassocial,runseducationalwebinarsandworkshopsandrecentlyauthoredabookHowtoCreatea
MemorableBrandthatCatchesOn.Gotadesignquestion?AskheronTwitter@poppiepack.

Relatedarticles
Search
Tosearch,typeandhitenter. Search

Closesearch

Backtoallarticles

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 34/45

4/8/2016

TheUltimateGuidetoFontPairing

ChoosingtheRightFont
Oct10

FontPairingBasics
Oct10

TipsforTitles
Oct10

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 35/45

4/8/2016

TheUltimateGuidetoFontPairing

PerfectPresentations
Oct10

TweakTheseDesigns
Oct10
Morerelatedarticles

FeaturedResources

60FreeOutlineIconSetsPerfectforContemporaryDesi...
DesignResourcesFeb26

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 36/45

4/8/2016

TheUltimateGuidetoFontPairing

60FreeFontsforMinimalistDesigns
DesignResourcesNov20

50FreeHeadlineFontsBuiltForImpactAndAudienceEn...
DesignResourcesNov19

50BeautifulFreeWallpapersForCreatives[2015Editio...
DesignResourcesNov4

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 37/45

4/8/2016

TheUltimateGuidetoFontPairing

50DesignTermsExplainedSimplyForNonDesigners
DesignResourcesOct14

The30BestFreeSocialMediaIconSetsof2015
DesignResourcesAug28

100BrilliantColorCombinations:AndHowtoApplyThem...
DesignResourcesJun20

FreeIcons:49BestSitesToFindBeautifulAndUseful...
DesignResourcesJun17

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 38/45

4/8/2016

TheUltimateGuidetoFontPairing

60AwesomeFreeToolsToCreateAVisualMarketingCamp...
DesignResourcesApr26

FreeStockPhotos:73BestSitesToFindAwesomeFreeI...
DesignResourcesFeb5

BrowsebyCategory
Seeall

Fonts
Seeall

FlyerDesign
Seeall

EmailDesign
https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 39/45

4/8/2016

TheUltimateGuidetoFontPairing

Seeall
Canva'sUltimateGuidetoFontPairing

hide
Seeall

InfographicDesign
Seeall

Typography
Seeall

SocialMediaMarketing
Seeall

PresentationDesign
Seeall

DesignTrends
Seeall

DesignResources
Seeall
https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 40/45

4/8/2016

TheUltimateGuidetoFontPairing

ColorTheory
Seeall

Branding&CorporateIdentity
Seeall

BookCoverDesign
Seeall

Creativity&Psychology
Seeall

DesignElements&Principles
Seeall

DesignLayout
Seeall

DesignInterviews
https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 41/45

4/8/2016

TheUltimateGuidetoFontPairing

Seeall

DesignInspiration
Seeall

BannerDesign
38Comments

Canva

Recommend 14

Share

Login

SortbyBest

Jointhediscussion
JoeWeEd 2yearsago

Terrificlittlearticle!I'vebeendesigningforalmostadecadeandthemoreIlearnaboutdesign,themoreIrealizejusthowlittleIactuallyknow,
aboutALLaspectsofdesign.
5

Reply Share

EmmaDavis 2yearsago

Greattips,thankyou:)
4

Reply Share

SGGW 2yearsago

Niceone!Someinterestingtips
3

Reply Share

PatrickRyall 2yearsago

Greatstuffatoolthatsuggestedatypefacecouldbekindofcool.ForexampleuserinputXtextinXstyleanditsuggestsmaybeyoumightlike
totrythisinstead?
Notsurehowthatwouldworkbutsoundscool:)
2

Reply Share

DonnaMoritz 2yearsago

LoveyourworkPoppie!
2

Reply Share

PamelaVozza 14hoursago

IsitpossibletogetthisasaPowerPointslideshoworaguidethatIcansharewithmystaff?Istartedmycareerasatypesetterandhave
alwayshadapassionforgoodtypographybutyourreferencetogoodfontpairingbeinga"darkart"seemstoholdvery,verytrue!!!
1

Reply Share

JohnFox 14hoursago

Veryuseful,thankyou.
1

Reply Share

RogerioRiedoPicilli 14hoursago

Excellent.Cinzelisgreatfont.
1

Reply Share

s_rohit 2yearsago

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 42/45

4/8/2016

TheUltimateGuidetoFontPairing
s_rohit 2yearsago

Interestingtipsonfontpairing!Reallycool!
1

Reply Share

JB 2yearsago

Jetscooled.Greatstuff!
1

Reply Share

FranciscoJofr 2yearsago

Thanks!
1

Reply Share

SandyTaylor 2hoursago

Fantasticpost,thankyouforsharing!!

Reply Share

AChangeFactory 5hoursago

Thisissuchanexcellentarticle.I'minspired(Inasingingvoice).Thankyou!

Reply Share

Quinn 6hoursago

CanyoupleaseconvertthisintoaPDF,muchlikeyoudidwithyourguidetocolorpalettesfromamonthorsoago?

Reply Share

MarketingSweet 6hoursago

Thisisgoingtomakegraphiccreationsomucheasierforme.Thanksguys!!

Reply Share

MontyKeepsASensationalCellar 7hoursago

Thisisagreatarticle

Reply Share

KerryGreener 10hoursago

Thisisasuperbarticle.Thiswillsavemeloadsoftimescrollingthroughmyhundredsoffontstryingtochoosethebestcombosforposts,blogs
andadsThankyousomuch!

Reply Share

jaypzl 10hoursago

Sodamnrelevant,andsodamnhelpful.Appreciateyousharingyourknowledge.

Reply Share

RaulTiru 14hoursago

Designissuchanimportantaspectofanybusiness.Canvamakesissoeasyfornondesignerstocreatebreathtakingvisuals.Keepupthe
goodwork!

Reply Share

PuteraKahfi 2monthsago

Greatstuff!

Reply Share

JulieClitheroe 3monthsago

Theseexamplesareallamazing.IwouldlovetoseesomethingforRomantic,Dating,RelationshipsasI'msurethereissomepsycologythere
too.

Reply Share

TarunJagwani 3monthsago

Hadsavedthisarticleandonlyusedthemyfirstfontcombinationtoday,madeaBIGdifferenceinthedesignofmyimage.Thankyouappreciate
thisevenmorenow.

Reply Share

DarleneCampado 3monthsago

Slowlyfallinginlovewiththiswebsite!Helpfularticle,Iamtotallygonnasavethis.

Reply Share

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 43/45

4/8/2016

TheUltimateGuidetoFontPairing
KarlosTree 3monthsago

Thisisbothverycoolandveryusefulthankyou

Reply Share

SusanneG 3monthsago

Greatpost!Veryinformativeandhelpful!!Ifounditabithardtoseewhichfontaregreatforwebsitesandblogs?
IfIwanttouseBabasNeueforheadingandsubheading,canyourecommendafewchoicesforagreatmatchingbodytext?Andmaybefora
accentfontforspecialeffectsonceinawhile?
Kindregards,
SusanneG

Reply Share

QuantumPanda 4monthsago

Ihavegreatdifficultytakingdesigntipsfromawebsitewhosewritersand/oreditorsdon'tknowthatthereisnoapostropheinthepossessive
"its".Thatkindofbasicerrorunderminesthecredibilityoftheentiresite.

Reply Share

Sunitha 5monthsago

Disappointed..notaultimateguide.

Reply Share

MaxLazarenko ayearago

btwidlovetohaveacyrillicfontssupportinCanva.imsuremanywillagree.thanks

Reply Share

MaxLazarenko ayearago

Forthosewhoarejustgettingtoknowedibleplants.Onquinoaposterbackground,itisbuckwheat:)

Reply Share

Chris ayearago

Greattips!Thanksforallyourhardworkonthispost!

Reply Share

PoppiePack

Mod >Chris

ayearago

Happytohearyouenjoyedit,Chris:)

Reply Share

StephenJ. ayearago

Thanks,thisstuffisveryHelpful!:D

Reply Share

Miljanari 2yearsago

Goodpost.Tnx.

Reply Share

HanaHakimi 2yearsago

Great!Ithelpmealot!Thanksforthetipssharing!

Reply Share

Zeke 2yearsago

Iwouldliketotranslatethepresentation(couldyousendit(ppt)tome?).

Reply Share

UmairUlhaque 2yearsago

SinceIhadalreadywellversedwithcombinationsandpairingsoftypefaces,Ilikethosemajorpartsoftypographydesignwhichyouhave
highlightedinthisarticleastheyareworthtoread.
Thanks.

Reply Share

Renato 2yearsago

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 44/45

4/8/2016

TheUltimateGuidetoFontPairing

Renato 2yearsago

Whatwouldbethefontpairingintheglossaryimage?"Typography"+"glossary"?Thanks.

Reply Share

ChickenMcPhee 2yearsago

Goodstuff,evenifit'sBold&LightorRegular&Italic,somepeopledon'tfeelit.

Subscribe

Reply Share

AddDisqustoyoursiteAddDisqusAdd

Privacy

Readnextpost

Signuptoournewsletterandreceiveafreecopyofourcompleteguidetobrandinganddesign.
Getitforfree
Canvalogo
Empoweringtheworldtodesign.
Facebook
Twitter
Pinterest
Instragram
Google+
Dribbble
2016CopyrightCanva

AboutCanva
News
Press
Terms&Privacy
We'reHiring

Products
CanvaforWeb
CanvaforiPad
CanvaButton
Support

DesignSchool
Tutorials
Blog
TeachingMaterials

Contribute
Photographers
Illustrators
Designers

https://designschool.canva.com/blog/theultimateguidetofontpairing/?utm_source=twitter&utm_medium=social&utm_campaign=DesignSchool%20via%20 45/45

Vous aimerez peut-être aussi