Computer Fonts for Programming and Websites

From HaFrWiki
Jump to: navigation, search

Introduction

Fonts are an essential part of your computer/website. In your programming editor you want to have a clear monospaced [1] sans serif [2] font and on your website a nice looking variable pitched serif font.

The pre-installed fonts on your computer may not be enough, so you would like to install additional fonts. But how?

  1. You need to see your font in action.
  2. Where can you find the required font?
  3. How do you install the font?
    • On your computer.
    • On your website.

What you see is what you get

There are numerous websites that show fonts (comparisons), I use here:

Mac Installation

Mac-app Font Book

Using a font in an app on your computer needs the font to be installed in the computer's Operating System.
The window's installation is not embedded here, see the windows documentation.
On a Mac you use the app Font Book.
The black fonts are installed, the gray fonts are not. To add a font use the +.
See for more details the excellent Apple Support Website: https://support.apple.com/en-gb/guide/font-book/welcome/mac

Website Installation

Coming soon...

See also

top

  • Developer Mozilla, Font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
  • Google Fonts, The Google font selection.
  • Programming Fonts, See the references below [3].

Reference

top

  1. wikipedia::Monospaced_font, A monospaced font, also called a fixed-pitch, fixed-width, or non-proportional font, is a font whose letters and characters each occupy the same amount of horizontal space.
  2. wikipedia::Sans-serif, In typography and lettering, a sans-serif, sans serif, gothic, or simply sans letterform is one that does not have extending features called "serifs" at the end of strokes.
  3. 3.0 3.1 https://www.programmingfonts.org, List, examples, website with downloads for installing fonts on your computer.
  4. identifont identifont, Font selection by name, by appearance and more], gives the opportunity to make your own selection based on the font representation.