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.

Fonts for Content

Featured Replies

Wondering if anyone can recommend a couple good fonts for content?

 

Right now I've been using open sans and helvetica, but am looking specifically for serif fonts that are easy to read but still look classy/elegant.

 

Or if anyone has some general favourites, shout them out!

It all depends on the content. Each font has its own expression. “Times” gives a classic stylish effect and “Helvetica” a modern and neutral expression. Back when desktop users had a 800x640 resolution it was recommended to use Sans Serif fonts because the rendered best on the screen and was easy to read. And I guess that’s good to keep in mind if you’re users is on mobile and other small screen devices.

It often is a good effect to combine Serif fonts (like Times/Georgia) with Sans Serif (like Verdana/Helvetica) so that your headings are in serif and your body text in sans serif.

For web you should always keep in mind that not all fonts are supported by default (look up“web safe fonts”) but you can of course use various embedding techniques to integrate any font you want.

Since you mention Helvetica I’ll just point out that windows users doesn’t have Helvetica installed by default so specify the Arial typeface as alternative like this:


font-family:Helvetica, Arial, sans-serif;


Arial resembles Helvetica a lot so your design will look pretty much the same on mac and windows.



Edited by Nillervision

Hi wellerweb. I think Open Sans is a great all rounder - web and print. Nillervision made a good point as it depends on your content. Helvetica is a nice font and I like to use it but aside from it not being displayed by default on Windows, it also isn't a great font for mobile. I can't remember where I read that. I think it was typographer/font guru Erik Speikermann. Personally I can't always tell the difference!

 

Aside from the premium places like Typekit and FontSpring, Google Web Fonts is a great source. I seldom use serif fonts but another good all rounder I like is Droid serif. If you like Open Sans, you might like the Droid family in general. There are tonnes of other great serifs - some of the best of the oldies like Baskerville, but for modern(ish), I recommend Droid serif :).

Yup, Droid Serif appears to be what the majority use for serif on the web...according to Google that is! I like it, personally - very smooth, making it readable. I often like serif fonts to be used on blogs (he says with Open Sans on his own).

 

I'm sure you've already come across it, but for the sake of others: http://www.google.com/fonts/specimen/Droid+Serif

I've sometimes used Trebuchet MS which is a Windows font. It has rounded bottoms to t and l, a different small g and a few other features that make it different from Arial as a sans-serif font.

  • 2 weeks later...

I also make use of EXO from the Google Font Directory, it doesn't render well below 18px but it works really well for H tags.

i personally love calibri nad Arial. They look cool as well as formal,. you can also use Comic sans

Edited by Becka

you can also use Comic sans

 

LOL, Trolling us?

Hi Weller!

 

Basically Font Type and its Style depends on the type of content you are writing. Font always go with you content as it defines the content. For first you think about your content and then the font...

 

 

Personally I like angelic War, bay Script and argentine..

 

 

:)

Used Oxygen on a recent site. Very nice font :D

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.