Change font for docs currently in github pages? #33

New issue

Open

opened 2022-10-22 22:17:40 +00:00 by jessebot · 3 comments

jessebot commented

2022-10-22 22:17:40 +00:00

(Migrated from github.com)

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 🤷

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

2022-10-24 09:21:29 +00:00

(Migrated from github.com)

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 🤔

this is elusive and although the [justthedocs docs](https://just-the-docs.github.io/just-the-docs/docs/customization/#override-and-completely-custom-styles) 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`: ```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

2022-10-24 10:44:09 +00:00

(Migrated from github.com)

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: jessebot/onboardme@4438db64fd :

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

🤷

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 : ```scss @font-face { font-family: "mononoki"; src: url("../../onboardme/docs/fonts/mononoki-Regular-Nerd-Font-Complete.ttf") format('truetype'); } ``` 🤷

jessebot commented

2023-02-25 08:23:37 +00:00

(Migrated from github.com)

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/

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/

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

jessebot/onboardme#33

No description provided.

Rows
Columns