Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Typography

Featured Replies

Generically speaking - From a "modern" graphic design standpoint, which supporting font (body text typography) goes best with Tenor Sans as a header? Thoughts on Droid Sans / Gill Sans / PT Sans / Lucinda Sans / Other? Is Verdana or Ariel too old school for a site wanting to be modern?

Droid Sans is a great face; it's been designed from the ground up for legibility on screen at small sizes.

 

Edit: I'd suggest choosing your body font first and matching your heading font to that rather than the other way around.

Edited by Renaissance-Design

  • Author

"I'd suggest choosing your body font first and matching your heading font to that rather than the other way around. "

So go with Droid Sans to compliment Tenor Sans headers or is Tenor Sans as body text (what it is currently) legible in most browsers?

Is Verdana or Ariel too old school for a site wanting to be modern?

 

Yes, I think that these fonts are not for a modern websites.

"I'd suggest choosing your body font first and matching your heading font to that rather than the other way around. "

So go with Droid Sans to compliment Tenor Sans headers or is Tenor Sans as body text (what it is currently) legible in most browsers?

Droid Sans for body font.

 

To clarify on what Renaissance said:

 

Since most of the content is body text it would be better practice to choose a legible typeface for the body and then decide upon by matching it to the body text, rather than choosing a header typeface then deciding the body font based on its match with the headings.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.