@font-face is a CSS3 property that allows web designers to use custom typefaces on a website that aren’t installed on the browsers computer. This means that designers can now start to move away from web-safe fonts such as Arial, Georgia, Times New Roman, Verdana, Trebuchet and the gorgeous Comic Sans and replace them custom fonts.
In this post, we have gathered 110 awesome websites using CSS3 @font-face. If you have any of your own typography web design, we’d love to see them in the comments. Just share a link to your own website below!
Talent Garden
@font-face : BelloScript, SohoStdMedium.
Nerdo Design Collective
@font-face : NRD-Cond ,NRD-Light ,NRD- .
4lex.cat
@font-face : ProximaNova ,delicious.
Life in the Bubble
@font-face : Sassoon .
BlueView Agency
@font-face : GeogrotesqueSemi.
iPairs HD
@font-face : MuseoSlab500 ,SnicklesRegula .
Au Petit Panisse
@font-face : Foglihten , RalewayThin .
Qasim Aziz Portfolio
@font-face : Prova .
Hello I’m Dan
@font-face : Trade .
Glorm
@font-face : Agenda .
Hi! Sophia Riepe
@font-face : Museo.
Agence Web
@font-face : MyriadPro,Futura.
adrianth.com
@font-face : BebasNeue.
The Mischief Co.
@font-face : DemingEP , Nova eorgia.
Crafted Pixelz
@font-face : Pakt .
CSSigniter
@font-face : Proxima Nova.
Paddle Addict
@font-face : Poplar .
VUURR
@font-face : CreightonPro.
The Camry Effect
@font-face : EngschriftDIND.
Rhinoslider: jQuery slider
@font-face : QuicksandBook.
Digiti
@font-face : Aller.
Graphic Culture
@font-face : Kulturista.
WoodCase
@font-face : isblack.
Selected Works of Joel Colombo
@font-face : Didot.
B&O PLAY
@font-face : GothamLight ,HeroLight,
Ray Macari – Digital Designer
@font-face : museo-slab, WebSymbols ,ModernPictogramsNormal , Palatino Linotype , Book Antiqua , Palatino.
squarefactor
@font-face : TitilliumText.
Showcase app
@font-face : HN.
Mihael Miklosic – Web design
@font-face : duke, alexandria.
Treasure Hunt’s
@font-face : ProximaNova- , Helmet, Freesans, Geneva.
WWF | Green Paper Guide
@font-face : wwfreg, impact ,wwfreg.
Under the Psycamore
@font-face : OstrichSans.
Kipling Brasil
@font-face : ProximaNovaL ,Kipling.
Lash U Lashes
@font-face : Continuum, Continuum, Optima.
Bones Brigade DJs
@font-face : Lisa ,Guilder , atrament-web Lisa, neue , Guilder, .
Making Connections Everyday
@font-face : BPreplay.
TKS – t-shirts & happiness
@font-face : MyriadWebPro ,MyriadPro.
Claes Norin – Portfolio
@font-face : NeueLTStd47LtCn.
Leap Online Limited
@font-face : Steelfish.
Ramotion
@font-face : PT Serif.
ulkogan
@font-face : AkGrBe-.
DOMDESIGN
@font-face : Old Standard TT ,bree.
Band Themer
@font-face : ProximaNova,NeueLTStd65 .
Launch Factory
@font-face : LeagueGothic.
The Tweed band
@font-face : Parangon110C.
iShu+
@font-face : BauerBodniBT ,MyriadPro .
T. Scott International
@font-face : GillSans.
Portent Internet Marketing
@font-face : Neue , LeagueGothic.
BlackMoon Design
@font-face : OliJo.
Blueclaw Ecommerce
@font-face : BebasNeue.
Giba
@font-face : BebasNeue.
Fuze.cc
@font-face : Rockwell ,
Fiart Mare
@font-face : BentonSans.
Helldesign
@font-face : GEInspira.
The Drumlet
@font-face : DSDigital.
B&C Designers
@font-face : RalewayThin ,TheanoDidot ,LeagueGothic.
Five Details
@font-face : LFT Etica ,Chennai Oblique.
Code slingers Challenge
@font-face : DirtyHeadline.
20 Calendars
@font-face : Bebas ,FrancoisOne .
Ralph Van Rentergem
@font-face : stencilbt-regular ,steelfis ,racewayjf.
Youandigraphics
@font-face : OstrichSans.
Justin Finley
@font-face : LeagueGothic ,UniversLTStd39ThUltraCn .
5×5 Creative
@font-face : MetaMediumCyrLFRoman , Segoe UI , Candara, Bitstream Vera Sans , DejaVu Sans .
Jack Morris Digital
@font-face : TheanoDidot .
RESPONSIVE DESIGN TEMPLATE
@font-face : Comfortaa.
ArtPilot Studio
@font-face : Podkova .
Circle Entertainment
@font-face : DINProLight.
Pixil
@font-face : Yanone.
CSAM
@font-face : Yanone.
Developweb
@font-face : Open Sans.
Besser Leben mit Lehm
@font-face : LietzLindauHamburg .
Vetica
@font-face : CallunaLight.
Werbeagentur KOPFNUSS
@font-face : PtSans, BitStream ,ChunkFive.
Peter Lloyd – Handsome Copy
@font-face : Comfortaa.
5bnet
@font-face : PFDinDisplay.
Fábio Andrezo
@font-face : Yanone.
Unfollow
@font-face : Futura ,Prozak.
Occupy North Pole
@font-face : Gnuolane ,IslandofMisfitToys.
Mozilla Popcorn
@font-face : Colaborate.
FISHEYEAGENCY
@font-face : Neue-Light.
Street Corner Symphony
@font-face : corbel, Charcoal .
Festival Mundo 2011
@font-face : AlternateGothic2BT ,Narrow.
Tyreright
@font-face : OpenSans.
Im Obsessing Over
@font-face : DroidSerif.
What about?
@font-face : Tahoma.
Filament Creative
@font-face : BreeLight ,TradeGothic .
Sunrise Celebration
@font-face : BEBAS.
TSE-WebDesign
@font-face : OvertheRainbow ,pastel.
Low Down Deep Recordings
@font-face : LowDownDeepFontRegularFont.
Jask Design Agency
@font-face : DistrictThin , Lane .
workdiary.de / 2012
@font-face : Proxima Nova , Helvetica Neue , DejaVu Serif.
Simon Guérin Portfolio
@font-face : ProximaNovaLight , HelveticaLight , RBNo2LightAlternativeRegular , Bitstream Charter.
Letterpress, Liquor, & LPs
@font-face : TeXGyrePagella.
Fabio Minduim
@font-face : ClumsyRegular , LietzLindauHamburgRegular , NillandRegular.
Small Studio
@font-face : Conv_bod72ob.
Hostel Split
@font-face : AdLibBTWGL4-Regular , Cooper Black .
Shady Acres
@font-face : VAGRoundedStdBold.
2OurDay
@font-face : BlackCond , BoldCond , BoldSemiCn ,SemiCn .
Run with Chrissie
@font-face : AlphaEcho , Epiphany Hand.
Uwar: Real life mobile FPS
@font-face : LeagueGothic.
Dylan Jones – Design Hero
@font-face : Futura.
Progression Studios Redesign
@font-face : TTAnvers.
The Design Koop
@font-face : GeoSlab703MdBTBold , Geometr706MdBTBlack .
Fragment
@font-face : Din , Merriweather .
Twisted
@font-face : Proxima.
Sparks Online
@font-face : PTSansNarrowBold , Cabin.
Bruno Marinho – UI Designer
@font-face : ChunkFiveRegular , TheoremRegular .
Binou
@font-face : chunkfiveregular , lobster14regular .
We Run México 2011
@font-face : FuturaNDCnExtraBoldOblique , FuturaNDBook , FuturaNDCnExtraBold ,
Fall In Love 2012
@font-face : Century Gothic.
