Webfonts, Fonts & Icons
Webfont Hosting
Please ensure that any webfonts used are downloaded, applied, and linked to our CDN. Check out the repository’s readme.md for how to do so.
This ensures that if webfont servers go down, our webfonts will still display correctly.
Fonts
Traditional font files are available through our server; webfonts are available through our CDN.
Webfonts
Find our privately hosted webfonts on our CDN.
Webfonts are also available from Google Fonts.
Traditional Fonts
Need a font for designing and mocking up?
Our fonts server locations are:
smb://nas1.bu.edu/mc/GROUPS/Projects/_Fonts
smb://nas1.bu.edu/mc/GROUPS/CRS/New Media/_Fonts and Icons
Purchasing Fonts
New font purchases need to be coordinated with Creative Director Jon Brousseau to buy licenses.
Type Foundries
Icons
SVG Sprites are quickly becoming a more accessible alternative, but we still find much use—particularly styling—for icon-based webfonts.
Case in point: Font Awesome. We currently have the "Font Awesome 5 Free" icon font-family applied to be the default for Responsive Child Starter 3x.
Our retired icon webfont is "bu-default-icons": Although it loads properly on any Static or Production server site, for sites on the Development [sandboxes] server, you may need to @import the font from the CDN into your theme’s files to test the BU Hub icon (see bottom of page).
Updating Icons
Twitter to X
As Twitter was rebranded to X, we updated our BU-Default-Icons font-family.
Please utilize the following snippet of code to ensure any instances of Twitter and X render the appropriate icon.
// Updating Twitter icon to X
.menu-item [href*="twitter.com"]::before,
.menu-item [href*="x.com"]::before {
content: "\F611";
font-family: "BU-Default-Icons";
font-weight: normal;
}