jessebot / onboardme

💻 Beautiful cross-platform personal onboarding for your daily driver, or docker image, running macOS or Debian based distros across amd64/arm64 :blue_heart:
https://jessebot.github.io/onboardme/onboardme
GNU Affero General Public License v3.0
18 stars 1 forks source link

Change font for docs currently in github pages? #33

Open jessebot opened 2 years ago

jessebot commented 2 years ago

powerline fonts broken in some places in docs.

Goal: have nerdfonts in docs so we can have pretty icons.

Feature-bug. it's a maybe easy thing to do 🤷

jessebot commented 2 years ago

this is elusive and although the justthedocs docs say:

For styles that aren’t defined as variables, you may want to modify specific CSS classes. Additionally, you may want to add completely custom CSS specific to your content. To do this, put your styles in the file _sass/custom/custom.scss. This will allow for all overrides to be kept in a single file, and for any upstream changes to still be applied.

This still isn't working. The file below is in ./onboardme/docs/_sass/custom/custom.scss:

@font-face {
  font-family: "mononoki";
  src: url("../../fonts/mononoki-Regular-Nerd-Font-Complete.ttf");
}

$mono-font-family: mononoki, consolas, monospace;

And the font is in: /onboardme/docs/fonts/mononoki-Regular-Nerd-Font-Complete.ttf. Unsure why this is not working though 🤔

jessebot commented 2 years ago

I found this stackoverflow page: https://stackoverflow.com/questions/35718750/adding-custom-fonts-to-github-pages

and so I am trying to do this instead: https://github.com/jessebot/onboardme/commit/4438db64fdb0298d10c1dc76af62ba3d9b98e352 :

  @font-face {
    font-family: "mononoki";
    src: url("../../onboardme/docs/fonts/mononoki-Regular-Nerd-Font-Complete.ttf") format('truetype');
  }

🤷

jessebot commented 1 year ago

github put out another blog post about this, so maybe it's easier now: https://github.blog/2022-12-02-introducing-mona-sans-and-hubot-sans/