Webfonts
Johns Hopkins University has moved to a type collection provided by Adobe Fonts for use on the web and in other online applications. You may create your own font bundle for your project using the approved fonts and weights at fonts.adobe.com or you may use one of the pre-bundled collections below.
Factoria
fonts.adobe.com/fonts/factoria
Factoria is JHU’s Quadon equivalent for web, email, and digital uses. See Quadon for more information.
To use these fonts on a web page, copy this code into the <head> tag of your HTML.<link rel="stylesheet" href="https://use.typekit.net/vxy8tas.css">
If you’d like to use fonts in HTML email, use the @import link.<style> @import url("https://use.typekit.net/vxy8tas.css"); </style>
Factoria Lightfont-family: "factoria", sans-serif;
font-weight: 300;
font-style: normal;
Factoria Light Italicfont-family: "factoria", sans-serif;
font-weight: 300;
font-style: Italic;
Factoria Mediumfont-family: "factoria", sans-serif;
font-weight: 500;
font-style: normal;
Factoria Medium Italicfont-family: "factoria", sans-serif;
font-weight: 500;
font-style: Italic;
Factoria Boldfont-family: "factoria", sans-serif;
font-weight: 700;
font-style: normal;
Factoria Bold Italicfont-family: "factoria", sans-serif;
font-weight: 700;
font-style: Italic;
Factoria Ultrafont-family: "factoria", sans-serif;
font-weight: 900;
font-style: normal;
Factoria Ultra Italicfont-family: "factoria", sans-serif;
font-weight: 900;
font-style: Italic;
Proxima Nova
fonts.adobe.com/fonts/proxima-nova
Proxima Nova is JHU’s Gentona equivalent for web, email, and digital uses. See Gentona for more information.
To use these fonts on a web page, copy this code into the <head> tag of your HTML.<link rel="stylesheet" href="https://use.typekit.net/jge8wgr.css">
If you’d like to use fonts in HTML email, use the @import link.<style> @import url("https://use.typekit.net/jge8wgr.css"); </style>
Proxima Nova Lightfont-family: "proxima-nova", sans-serif;
font-weight: 300;
font-style: normal;
Proxima Nova Light Italicfont-family: "proxima-nova", sans-serif;
font-weight: 300;
font-style: Italic;
Proxima Nova Mediumfont-family: "proxima-nova", sans-serif;
font-weight: 500;
font-style: normal;
Proxima Nova Medium Italicfont-family: "proxima-nova", sans-serif;
font-weight: 500;
font-style: Italic;
Proxima Nova Boldfont-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;
Proxima Nova Bold Italicfont-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: Italic;
Proxima Nova Blackfont-family: "proxima-nova", sans-serif;
font-weight: 900;
font-style: normal;
Proxima Nova Black Italicfont-family: "proxima-nova", sans-serif;
font-weight: 900;
font-style: Italic;
Freight Text
fonts.adobe.com/fonts/freight-text
Freight Text Pro is JHU’s Arnhem Pro equivalent for web, email, and digital uses. See Arnhem Pro for more information.
To use these fonts on a web page, copy this code into the <head> tag of your HTML.<link rel="stylesheet" href="https://use.typekit.net/lnm5qra.css">
If you’d like to use fonts in HTML email, use the @import link.<style> @import url("https://use.typekit.net/lnm5qra.css"); </style>
Freight Text Mediumfont-family: "freight-text-pro", serif;
font-weight: 500;
font-style: normal;
Freight Text Medium Italicfont-family: "freight-text-pro", serif;
font-weight: 500;
font-style: Italic;
Freight Text Blackfont-family: "freight-text-pro", serif;
font-weight: 900;
font-style: normal;
Freight Text Black Italicfont-family: "freight-text-pro", serif;
font-weight: 900;
font-style: Italic;
ATF Alternate Gothic Extra Condensed
fonts.adobe.com/fonts/atf-alternate-gothic-extra-condensed
ATF Alternate Gothic Extra Condensed is JHU’s Titling Gothic Compressed equivalent for web, email, and digital uses. See Titling Gothic for more information.
To use these fonts on a web page, copy this code into the <head> tag of your HTML.<link rel="stylesheet" href="https://use.typekit.net/nsj2nad.css">
If you’d like to use fonts in HTML email, use the @import link.<style> @import url("https://use.typekit.net/nsj2nad.css"); </style>
ATF Alternate Gothic Extra Condensed Heavyfont-family: "alternate-gothic-extra-cond", sans-serif;
font-weight: 800;
font-style: normal;
Full Collection
If you’d prefer to use a single import for your project, all of the fonts and weights listed above are available through the following code. This is not always advisable because of the increased page load due to importing so many font faces, but if the full collection is required using a single import will provide a moderate speed advantage.
To use these fonts on a web page, copy this code into the <head> tag of your HTML.<link rel="stylesheet" href="https://use.typekit.net/ftn5sdd.css">
If you’d like to use fonts in HTML email, use the @import link.<style> @import url("https://use.typekit.net/ftn5sdd.css"); </style>