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.

Font serif

Featured Replies

Hi Everyone

 

I'm trying to do my assignment for my web design course and it's saying that we have to use the font "serif" for everything.

 

I don't have serif on my computer and I have tried to look for it online, but there doesn't seem to be any 1 serif, just lots of fonts that have serif in the title.

 

Is there a font just called serif or is it a type of font, rather than a font itself?

 

Sorry, I'm a little confused!

 

Thanks

Kerstey

 

:unknw:

There is no font "serif" there are many serif fonts. A serif font is a font like "times new roman", a sans serif font is "arial". Follow the links to the Wikipedia pages to see what it means exactly.

Serifs are the small strokes at the end of the main strokes of letterforms. Typefaces with serifs are called serif typefaces and those without, sans serif typefaces (sans is the French for without).

 

In terms of your assignment, in your CSS specify that you wish to use serif typefaces:

 

#somediv {font-family: Georgia, "Times New Roman", serif;}

 

This means that your browser will first look for 'Georgia' and if found will use it. If not, the browser will look for 'Times New Roman' and use that instead. If that's not found it will default to whichever serif system font is installed. (This is indicated by 'serif' in the CSS above). Change the order to your liking.

 

Below is an image of some of the letterforms from Trajan's Column in Rome showing some of the serifs. All Western letterforms are derived from this 'serif' typeface:

post-8477-1241971310_thumb.jpg

  • Author

Great, thanks to you both.

 

Kerstey :-)

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.