Computer Modern font

By Donald E. Knuth at Oct 26, 2018

Computer Modern

Computer Modern

Computer Modern

Computer Modern

From Wikipedia: Computer Modern is the original family of typefaces used by the typesetting program TeX. It was created by Donald Knuth with his Metafont program, and was most recently updated in 1992. Computer Modern, or variants of it, remains very widely used in scientific publishing, especially in disciplines that make frequent use of mathematical notation.

As implied by the name, Computer Modern is a 'Didone', or modern serif font, a genre that emerged in the late 18th century as a contrast to the more organic designs that preceded them. Didone fonts have high contrast between thick and thin elements, and their axis of "stress" or thickening is perfectly vertical. Computer Modern was specifically based on the 10 point size of the American Lanston Monotype Company's Modern Extended 8A, part of a family Monotype originally released in 1896. This was one of many modern faces issued by typefounders and Monotype around this period, and the standard style for body text printing in the late nineteenth century.

In creating the TeX publishing system, Knuth was influenced by the history of mathematics and a desire to achieve the "classic style" of books printed in metal type. Modern faces were used extensively for printing mathematics, especially before Times New Roman became popular for mathematics printing from the 1950s.

The most unusual characteristic of Computer Modern, however, is the fact that it is a complete type family designed with Knuth's Metafont system, one of the few typefaces developed in this way. The Computer Modern source files are governed by 62 distinct parameters, controlling the widths and heights of various elements, the presence of serifs or old-style numerals, whether dots such as the dot on the "i" are square or rounded, and the degree of "superness" in the bowls of lowercase letters such as "g" and "o". This allows Metafont designs to be processed in unusual ways; Knuth has shown effects such as morphing in demonstrations, where one font slowly transitions into another over the course of a text. While it attracted attention for the concept, Metafont has been used by few other font designers; digital font designer Jonathan Hoefler commented that "Knuth's idea that letters start with skeletal forms is flawed" and Knuth commented "asking an artist to become enough of a mathematician to understand how to write a font with 60 parameters is too much."
AAAaaa
<style type="text/css">
@font-face{
    font-family:"cmu-sans-serif-medium";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-medium.ttf") format("truetype");
}
span.font0{font-family:"cmu-sans-serif-medium";font-size:px;text-transform:;}
</style>
CMU Sans Serif Medium
<style type="text/css">
@font-face{
    font-family:"cmu-sans-serif-oblique";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-oblique.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-oblique.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-oblique.ttf") format("truetype");
}
span.font1{font-family:"cmu-sans-serif-oblique";font-size:px;text-transform:;}
</style>
CMU Sans Serif Oblique
<style type="text/css">
@font-face{
    font-family:"cmu-sans-serif-bold";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-bold.ttf") format("truetype");
}
span.font2{font-family:"cmu-sans-serif-bold";font-size:px;text-transform:;}
</style>
CMU Sans Serif Bold
<style type="text/css">
@font-face{
    font-family:"cmu-sans-serif-demi-condensed-demicondensed";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-demi-condensed-demicondensed.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-demi-condensed-demicondensed.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-demi-condensed-demicondensed.ttf") format("truetype");
}
span.font3{font-family:"cmu-sans-serif-demi-condensed-demicondensed";font-size:px;text-transform:;}
</style>
CMU Sans Serif Demi Condensed DemiCondensed
<style type="text/css">
@font-face{
    font-family:"cmu-sans-serif-boldoblique";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-boldoblique.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-boldoblique.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.sans-serif-boldoblique.ttf") format("truetype");
}
span.font4{font-family:"cmu-sans-serif-boldoblique";font-size:px;text-transform:;}
</style>
CMU Sans Serif BoldOblique
<style type="text/css">
@font-face{
    font-family:"cmu-bright-roman";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-roman.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-roman.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-roman.ttf") format("truetype");
}
span.font5{font-family:"cmu-bright-roman";font-size:px;text-transform:;}
</style>
CMU Bright Roman
<style type="text/css">
@font-face{
    font-family:"cmu-bright-oblique";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-oblique.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-oblique.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-oblique.ttf") format("truetype");
}
span.font6{font-family:"cmu-bright-oblique";font-size:px;text-transform:;}
</style>
CMU Bright Oblique
<style type="text/css">
@font-face{
    font-family:"cmu-bright-semibold";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semibold.ttf") format("truetype");
}
span.font7{font-family:"cmu-bright-semibold";font-size:px;text-transform:;}
</style>
CMU Bright SemiBold
<style type="text/css">
@font-face{
    font-family:"cmu-bright-semiboldoblique";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semiboldoblique.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semiboldoblique.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.bright-semiboldoblique.ttf") format("truetype");
}
span.font8{font-family:"cmu-bright-semiboldoblique";font-size:px;text-transform:;}
</style>
CMU Bright SemiBoldOblique
<style type="text/css">
@font-face{
    font-family:"cmu-serif-roman";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-roman.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-roman.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-roman.ttf") format("truetype");
}
span.font9{font-family:"cmu-serif-roman";font-size:px;text-transform:;}
</style>
CMU Serif Roman
<style type="text/css">
@font-face{
    font-family:"cmu-serif-italic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-italic.ttf") format("truetype");
}
span.font10{font-family:"cmu-serif-italic";font-size:px;text-transform:;}
</style>
CMU Serif Italic
<style type="text/css">
@font-face{
    font-family:"cmu-classical-serif-italic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.classical-serif-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.classical-serif-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.classical-serif-italic.ttf") format("truetype");
}
span.font11{font-family:"cmu-classical-serif-italic";font-size:px;text-transform:;}
</style>
CMU Classical Serif Italic
<style type="text/css">
@font-face{
    font-family:"cmu-serif-upright-italic-uprightitalic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-upright-italic-uprightitalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-upright-italic-uprightitalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-upright-italic-uprightitalic.ttf") format("truetype");
}
span.font12{font-family:"cmu-serif-upright-italic-uprightitalic";font-size:px;text-transform:;}
</style>
CMU Serif Upright Italic UprightItalic
<style type="text/css">
@font-face{
    font-family:"cmu-serif-extra-romanslanted";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-romanslanted.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-romanslanted.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-romanslanted.ttf") format("truetype");
}
span.font13{font-family:"cmu-serif-extra-romanslanted";font-size:px;text-transform:;}
</style>
CMU Serif Extra RomanSlanted
<style type="text/css">
@font-face{
    font-family:"cmu-serif-bold";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bold.ttf") format("truetype");
}
span.font14{font-family:"cmu-serif-bold";font-size:px;text-transform:;}
</style>
CMU Serif Bold
<style type="text/css">
@font-face{
    font-family:"cmu-serif-bolditalic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bolditalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bolditalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-bolditalic.ttf") format("truetype");
}
span.font15{font-family:"cmu-serif-bolditalic";font-size:px;text-transform:;}
</style>
CMU Serif BoldItalic
<style type="text/css">
@font-face{
    font-family:"cmu-serif-extra-boldslanted";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-boldslanted.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-boldslanted.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.serif-extra-boldslanted.ttf") format("truetype");
}
span.font16{font-family:"cmu-serif-extra-boldslanted";font-size:px;text-transform:;}
</style>
CMU Serif Extra BoldSlanted
<style type="text/css">
@font-face{
    font-family:"cmu-concrete-roman";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-roman.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-roman.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-roman.ttf") format("truetype");
}
span.font17{font-family:"cmu-concrete-roman";font-size:px;text-transform:;}
</style>
CMU Concrete Roman
<style type="text/css">
@font-face{
    font-family:"cmu-concrete-italic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-italic.ttf") format("truetype");
}
span.font18{font-family:"cmu-concrete-italic";font-size:px;text-transform:;}
</style>
CMU Concrete Italic
<style type="text/css">
@font-face{
    font-family:"cmu-concrete-bold";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bold.ttf") format("truetype");
}
span.font19{font-family:"cmu-concrete-bold";font-size:px;text-transform:;}
</style>
CMU Concrete Bold
<style type="text/css">
@font-face{
    font-family:"cmu-concrete-bolditalic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bolditalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bolditalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.concrete-bolditalic.ttf") format("truetype");
}
span.font20{font-family:"cmu-concrete-bolditalic";font-size:px;text-transform:;}
</style>
CMU Concrete BoldItalic
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-light";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-light.ttf") format("truetype");
}
span.font21{font-family:"cmu-typewriter-text-light";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Light
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-lightoblique";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-lightoblique.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-lightoblique.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-lightoblique.ttf") format("truetype");
}
span.font22{font-family:"cmu-typewriter-text-lightoblique";font-size:px;text-transform:;}
</style>
CMU Typewriter Text LightOblique
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-regular";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-regular.ttf") format("truetype");
}
span.font23{font-family:"cmu-typewriter-text-regular";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Regular
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-variable-width-medium";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-medium.ttf") format("truetype");
}
span.font24{font-family:"cmu-typewriter-text-variable-width-medium";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Variable Width Medium
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-italic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-italic.ttf") format("truetype");
}
span.font25{font-family:"cmu-typewriter-text-italic";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Italic
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-variable-width-italic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-variable-width-italic.ttf") format("truetype");
}
span.font26{font-family:"cmu-typewriter-text-variable-width-italic";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Variable Width Italic
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-bold";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bold.ttf") format("truetype");
}
span.font27{font-family:"cmu-typewriter-text-bold";font-size:px;text-transform:;}
</style>
CMU Typewriter Text Bold
<style type="text/css">
@font-face{
    font-family:"cmu-typewriter-text-bolditalic";
    src:url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bolditalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bolditalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/84/15084/file/cmu.typewriter-text-bolditalic.ttf") format("truetype");
}
span.font28{font-family:"cmu-typewriter-text-bolditalic";font-size:px;text-transform:;}
</style>
CMU Typewriter Text BoldItalic