Blog

CSS Font Families

In CSS, there are two types of font family names:

• generic family - a group of font families with a similar look (like "Serif" or "Monospace")
• font family - a specific font family (like "Times New Roman" or "Arial")

Generic family	Font family	Description
Serif	Times New Roman Georgia	Serif fonts have small lines at the ends on some characters
Sans-serif	Arial Verdana	"Sans" means without - these fonts do not have the lines at the ends of characters
Monospace	Courier New Lucida Console	All monospace characters have the same width

Note: On computer screens, sans-serif fonts are considered easier to read than serif fonts.

---

Font Family

The font family of a text is set with the font-family property.

The font-family property should hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font, and so on.

Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.

Note: If the name of a font family is more than one word, it must be in quotation marks, like: "Times New Roman".

23rd June, 2020 - A lovely present

I've scoffed into quite a few of the candies. Something tells me I will have them for months to come!

21st June, 2020 - Pork Belly Recipe

20th June, 2020 - Untitled

19th June, 2020 - Writing for the web

What are some of these elements?

a concise and simple writing style

short sentences with one or two clauses - Readability statistics can help here;

plain English rather than complex words;

active, rather than passive voice.

'Writing for the Web', Monash University

So, how do internet users read on the web?

Summary: They don't.

People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences.

So, what happened to us?

Ansel from Baldora Station puts it quite succinctly:

You stopped checking forums and posting on them. You stopped visiting the blogs in your bookmarks. You stopped making your own websites, stopped sitting down to think and write, and you started crafting digestible Facebook posts and Twitter tweets with the hashtags you thought would boost 'user engagement' (what the hell does that mean?) the most. You stopped surfing the World Wide Web, and started being the bitch on booty-call for the Notifications counter.

This new default social-media position is terrible, but what it has likely done is force us all to become more well-rounded writers by contemplating our thoughts (most of us) and smashing down this complex nebula to less than 255 characters. It's a challenge I'm willing to accept as a student whose sole focus is brevity of language and consice thought.

We've likely lost the unsurmountable depth and romance of the old school, but we've gained so much in terms of communication as a whole. It's unlikely that the average person wants to sit reading large chunks of text for an hour - as a law student, I say that with tongue in cheek. By the way, well done if you've read this entire post. Congraulations, you are the 1%.

19th June, 2020 - Lorem Ipsum Test

Curabitur semper sagittis dui, vitae bibendum felis elementum in. Pellentesque at vulputate libero. Fusce quis augue in eros lacinia rhoncus. Etiam volutpat urna nec tortor ullamcorper laoreet. Nullam non auctor eros, in mattis leo. Aenean facilisis augue a tellus sagittis, a euismod enim porta. Proin id ipsum vel turpis dictum posuere. Fusce vel commodo enim.

Etiam vitae semper justo. Fusce eget leo eu lacus iaculis pharetra sed nec tellus. Etiam in dolor blandit, accumsan leo eget, luctus tellus. Sed volutpat facilisis pellentesque. Vestibulum tempus in odio eu imperdiet. Mauris nec euismod felis, vitae semper lectus. In placerat risus enim, quis ullamcorper augue accumsan a. Nullam tortor libero, faucibus id lorem quis, blandit tincidunt velit. Quisque commodo ac neque in finibus. Integer orci orci, bibendum in nulla vitae, placerat consectetur justo. Curabitur lacus diam, imperdiet sed enim eget, gravida tempus arcu. Aliquam placerat sem at congue pharetra. Maecenas ac tincidunt ex.