- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- Typography
- 360
- 3D
- 404 pages
- About Page
- Animation
- App Style
- Big Background Images
- Clean
- Colorful
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Navigation Menu
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- UI design
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
-
Technology
- 11ty
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- Astro
- BARBA.js
- Blender
- Bootstrap
- CSS
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- Curtains.js
- D3
- DatoCMS
- Debian
- Directus
- Docker
- Drupal
- Duda
- Editor X
- Elementor
- Express
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer
- GLSL
- GSAP
- Gatsby
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Handlebars
- Highway.js
- Hugo
- Javascript
- Knockout
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- MongoDB
- Motion
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- Optimizely
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- Raphael.js
- React
- Readymag
- Redux
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Svelte
- Swiper.js
- Tailwind
- Three.js
- Tilda
- Timber
- Twitter API
- Typekit
- Typescript
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vite
- Vue.js
- WebGL
- WebSockets
- Webflow
- Webpack
- Wix Studio
- WooCommerce
- Wordpress
- YouTube API
- jQuery
- tween.js
-
Country
- United States
- United Kingdom
- France
- Italy
- Germany
- Canada
- Netherlands
- Japan
- Australia
- Spain
- Ukraine
- Russia
- Poland
- Switzerland
- Sweden
- Denmark
- Belgium
- Brazil
- Austria
- India
- Greece
- Portugal
- New Zealand
- Czech Republic
- Croatia
- Israel
- Serbia
- Norway
- Turkey
- Romania
- South Africa
- United Arab Emirates
- Singapore
- Lithuania
- Finland
- Armenia
- Ireland
- Argentina
- Indonesia
- South Korea
- Slovakia
- Bulgaria
- Slovenia
- Colombia
- Hong Kong - Macau
- Mexico
- Vietnam
- Cyprus
- Estonia
- Thailand
- Chile
- China
- Georgia
- Kazakhstan
- Taiwan
- Hungary
- Iceland
- Malaysia
- Nigeria
- Latvia
- Luxembourg
- Belarus
- Moldova
- Philippines
- Uruguay
- Morocco
- Egypt
- Kosovo
- Malta
- Montenegro
- North Macedonia
- Puerto Rico
- Azerbaijan
- Bangladesh
- Bosnia and Herzegovina
- Costa Rica
- Guatemala
- Iran
- Lebanon
- New Caledonia
- Pakistan
- Saudi Arabia
- Afghanistan
- Bahrain
- Botswana
- Cayman Islands
- Guernsey
- Guyana
- Isle of Man
- Jordan
- Kenya
- Kyrgyzstan
- Mauritius Island
- Nepal
- Panama
- Peru
- Suriname
- Venezuela
- Zimbabwe
-
Font
- Arial
- DM
- Aeonik
- Canela
- ABC
- Druk
- Cormorant
- AT
- Avenir
- DIN
- FK
- Degular
- Editorial New
- Bebas
- Circular
- Basis
- Aktiv
- Bitter
- Euclid
- Acumin
- Apercu
- Calibre
- Domaine
- Baskerville
- Cabin
- Archivo
- Barlow
- Epilogue
- Akzidenz
- Anton
- ETmodules
- Almarena
- Ano
- Austin
- Beatrice
- Clash
- Assistant
- Averta
- Azeret Mono
- Be Vietnam Pro
- Biotif
- Bradford
- Caveat
- Charter
- Cooper
- Denim
- EB Garamond
- Everett
- Abril Fatface
- Adobe
- Akkurat
- Albert Sans
- Antonio
- Area
- Arimo
- Ayer
- Basel Grotesk
- Benton
- Bon
- Brandon
- Bricolage Grotesque
- Brown
- Bw Gradual
- Cambon
- Century
- Cinzel
- Denton
- Domine
- Adelle
- Albra
- Aleo
- Alte Haas Grotesk
- Antarctica
- Area Normal
- Bai Jamjuree
- Beausite Classic Web
- Cako
- Cardinal Fruit
- Cardo
- Caslon
- Casta
- Castoro
- Cera
- Chakra Petch
- Circe
- Cirka
- Copyright (C) H&Co | typography.com
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier
- Courier Prime
- Crimson
- Dala Floda
- Dela Gothic One
- Dosis
- DotGothic16
- Droid Serif
- Editorialnew
- Exo
- FFIcons
- Acid Grotesk
- Adieu
- Agrandir
- Alegreya Sans
- Allura
- Ambit
- Americana
- Antic Didone
- Arges
- Baton
- Big Shoulders Display
- Bigilla
- Blacker
- Bodoni Moda
- Bold
- Bulevar
- Butler
- Canopee
- Changa
- Chillax
- Chivo
- Ciutadella
- Comfortaa
- Commissioner
- Courier New
- Crisp Noto Sans
- Dahlia
- Didot
- Droid Sans
- Editor
- Electrolize
- Color
Typography
Typography is the art and technique of arranging type. It involves the thoughtful and deliberate selection of typefaces, point size, line length, leading, tracking, kerning, color and any element that can affect a design. Readability is primarily the concern of the typographer or information designer. In websites, consistency is key in the use of typography.
We've come a long way since the start of the internet. For a long time typography has been overlooked by web designers, but it has gained recognition as an important part of web designDigitization opened up typography to new generations of designers. Only a few type fonts could be used safely in websites, assuring that every viewer would see them as the designer intended, but services like @font-face & Typekit have been developed to allow designers to use a wider variety of fonts in web design.
External Links: 100 greatest free fonts collection | Typography courses | I love Typography Blog