Currently, I am delving into the realm of CSS. To test my skills, I am making edits to an HTML file and previewing the outcome in Safari V11.0. My objective is to present an online version of a traditional printed report, complete with fixed columns and a monospaced font.
There are certain test results that have left me puzzled, and I would greatly value any advice you can offer for further learning.
body {font: 100% Courier, monospace}
The above code achieves my desired result; however,...
body {font: Courier, monospace}
...fails to do so. Instead, Safari displays my content in a proportional font.
Query 1: What necessitates the font-size specification?
Furthermore,
body {font: 80% Courier, monospace}
Although this code works, the character size remains unchanged from 100%.
Query 2: Why does the font-size adjustment seem ineffective?
--Gil