Skip to content

Instantly share code, notes, and snippets.

@luizfaias
Created January 30, 2019 12:55
Show Gist options
  • Save luizfaias/6d71115d6b44e5d6c6c8da9bac7cffd7 to your computer and use it in GitHub Desktop.
Save luizfaias/6d71115d6b44e5d6c6c8da9bac7cffd7 to your computer and use it in GitHub Desktop.
Adding a custom font to your Zendesk Guide theme
/*** BELLABOO font by Marcelo Reis Melo ***/
/*** http://freegoodiesfordesigners.blogspot.com/2015/02/hipster-free-font-bellaboo-by-marcelo.html ***/
@font-face {
font-family: 'BELLABOO-Regular';
font-style: normal;
font-weight: 400;
src: url('$assets-bellaboo-regular-eot'); /* IE9 Compat Modes */
src: url('$assets-bellaboo-regular-eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('$assets-bellaboo-regular-woff2') format('woff2'), /* Super Modern Browsers */
url('$assets-bellaboo-regular-woff') format('woff'), /* Modern Browsers */
url('$assets-bellaboo-regular-ttf') format('truetype'), /* Safari, Android, iOS */
url('$assets-bellaboo-regular-svg#BELLABOO-Regular') format('svg'); /* Legacy iOS */
}
body {
font-family: 'BELLABOO-Regular';
}
h1, h2, h3, h4, h5, h6 {
font-family: 'BELLABOO-Regular';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment