search

greyaz / ThemeRevision

A task-first and high-quality theme for Kanboard. It's also aimed at better mobile experiences, common plugin compatibilities, and customization friendly.
MIT License
53 stars 9 forks source link

Adding a custom font #6

Closed dangerstudios closed 2 years ago

dangerstudios commented 2 years ago

how would this be done?

thanks in advance

greyaz commented 2 years ago

You can find fonts related codes in the file Asset/dev/basics.css line 8. Please follow the instruction here to edit: https://github.com/greyaz/ThemeRevision#other-styles

dangerstudios commented 2 years ago

ok cool, I've got that in there, how do I link it to the font? --style-fontfamily: "IBM Plex Mono"; /* "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */

greyaz commented 2 years ago

Your code should work after refresh the browser if you have installed this font in your computer. But "IBM plex Mono" is not a system default font, I recommend you approach it in another way:

  1. Goto Settings > Application settings in Kanboard
  2. Paste the codes below into "Custom Stylesheet": 
    
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap');

body{ font-family: 'IBM Plex Mono', monospace !important; }

dangerstudios commented 2 years ago

ah ok, I'll give it a go , cheers!

dangerstudios commented 2 years ago

Your code should work after refresh the browser if you have installed this font in your computer. But "IBM plex Mono" is not a system default font, I recommend you approach it in another way:

  1. Goto Settings > Application settings in Kanboard
  2. Paste the codes below into "Custom Stylesheet":
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap');

body{
font-family: 'IBM Plex Mono', monospace !important;
}

yes totally works now, cheers!

greyaz commented 2 years ago

👍