AnubisNekhet / AnuPpuccin

Personal theme for Obsidian
GNU General Public License v3.0
2.08k stars 163 forks source link

Custom fonts #169

Closed RedLilith closed 1 year ago

RedLilith commented 1 year ago

Sorry to bother you. I noticed inside of style setting you have an option to change the font. And it could just be me messing up the css since I'm still learning, but when I tried to add a custom font, it didn't change at all. I wasn't sure if there was a specific way to go about it for the theme?

Thanks in advance.

AnubisNekhet commented 1 year ago

Hi, I'd suggest checking the following:

  1. The font is installed on your device. (Mobile phones have a limited amount of fonts which can be the issue)
  2. The font name matches the name of the font installed.

If this does not work, I'd suggest trying putting quotes around the font name.

RedLilith commented 1 year ago

This is what I'm using right now. It is a font that I've installed and moved into the font folder on my computer, so I know that's not the issue, and even with the !important it's still being ignored. I know you're already busy with this theme and your own stuff, so I do appreciate you trying to help. I was able to successfully change the colors of my header and the color and gradient of my in-line, so I thought I'd be able to do this.

.view-content {
  font-family: 'Boogaloo', cursive; !important;
}
*/

.markdown-source-view {
  font-family: font-family: 'Boogaloo', cursive; !important;
}

.markdown-preview-view {
  font-family: font-family: 'Boogaloo', cursive; !important;
}
AnubisNekhet commented 1 year ago

I think this is the problem:

- font-family: font-family: 'Boogaloo', cursive; !important;
+ font-family: 'Boogaloo', cursive; !important;
RedLilith commented 1 year ago

I'm a little disappointed in myself that I didn't notice I doubled the font-family. Thank you!