Web Fonts

A special cut of Sherman should be used on University websites.

To use the Sherman web fonts on your site, simply add any of the CSS code snippets below into your primary stylesheet. As long as your site resides on syr.edu or syracuse.edu, you’re good to go.

To use the web fonts in design mockups, those that are directly involved with graphic design and production may contact the Office of Marketing and Communications to request special desktop fonts for web production.

To use Sherman in your print documents, see the downloads page.

See the typography page for font additional usage guidelines.


Web Font Optimization

In order to gracefully degrade on unstable networks, the Sherman web fonts are 20% larger than the standard fonts to match the size of their system font fallbacks (“Georgia” and “Trebuchet MS”).

The web fonts are also split into two distinct alphabets to bolster site performance: “Latin 1,” a small subset of characters used on standard pages written in the English language, and “Latin Extended,” a secondary set of characters for pages with content written in other languages.

Browsers choose between the two alphabets automatically according to the unicode-range values in the code snippets below. There is no need to specify a specific subset in font-family declarations.


CSS Snippets

Remember that web fonts increase page load, bandwidth, and affect overall performance. Include only the specific fonts needed to execute your designs.

Sherman Serif Book

Size: 15kB (latin-1) / 35kB (latin-ext)

/* Sherman Serif Book */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSerif, Georgia, serif;
  font-weight: normal;
  font-style: normal;
}

Sherman Serif Book Italic

Size: 16kB (latin-1) / 38kB (latin-ext)

/* Sherman Serif Book Italic */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSerif, Georgia, serif;
  font-weight: normal;
  font-style: italic;
}

Sherman Serif Bold

Size: 15kB (latin-1) / 36kB (latin-ext)

/* Sherman Serif Bold */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bold.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bold.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bold.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bold.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bold-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bold-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bold-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bold-intl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSerif, Georgia, serif;
  font-weight: bold;
  font-style: normal;
}

Sherman Serif Bold Italic

Size: 15kB (latin-1) / 37kB (latin-ext)

/* Sherman Serif Bold Italic */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bolditalic-intl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSerif, Georgia, serif;
  font-weight: bold;
  font-style: italic;
}

Sherman Sans Book

Size: 13kB (latin-1) / 31kB (latin-ext)

/* Sherman Sans Book */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-book.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-book.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-book.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-book-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-book-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  font-weight: normal;
  font-style: normal;
}

Sherman Sans Book Italic

Size: 13kB (latin-1) / 32kB (latin-ext)

/* Sherman Sans Book Italic */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bookitalic.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bookitalic.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bookitalic.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bookitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0020-00BF;
  }
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bookitalic-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bookitalic-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bookitalic-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bookitalic-intl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  font-weight: normal;
  font-style: italic;
}

Sherman Sans Bold

Size: 14kB (latin-1) / 34kB (latin-ext)

/* Sherman Sans Bold */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  font-weight: bold;
  font-style: normal;
}

Sherman Sans Bold Italic

Size: 14kB (latin-1) / 35kB (latin-ext)

/* Sherman Sans Bold Italic */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bolditalic.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bolditalic.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bolditalic.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bolditalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bolditalic-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bolditalic-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bolditalic-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bolditalic-intl.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  unicode-range: U+00C0-024F;
}

.my-style {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  font-weight: bold;
  font-style: italic;
}

Back to top