Skip to content

Using custom fonts

Daniel Cañizares Corrales edited this page Jun 29, 2019 · 5 revisions

To use custom fonts include a version of the Bootlaterus that DOES NOT contain already modified fonts.

  • Create your own CSS file.

  • Add the following snippet:

@import url('https://fonts.googleapis.com/css?family=Prompt');

:root {
  --font-family-sans-serif: "Prompt", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  --font-family-monospace: "Prompt", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; 
}

.navbar, h1, h2, h3, h4, h5, h6  {
  font-family: 'Prompt' !important;
  font-weight: bold;
  text-transform: uppercase;
}
  • Customize with your own fonts (Note: just replace "Prompt", it is important to left fallback fonts).

  • Include the CSS file in your website.

Clone this wiki locally