SOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO...
When I go to theme designer on my own wiki it says headings can be rubik sans, roboto, etc. But I want it to be a unique font! HOW DO I GET THAT
SOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO...
When I go to theme designer on my own wiki it says headings can be rubik sans, roboto, etc. But I want it to be a unique font! HOW DO I GET THAT
This page should help with the custom font: https://community.fandom.com/wiki/Help:How_to_import_Google_Fonts
I have tried that a lot but it has never ever worked
If you want a custom font, you’ll have to contact staff to enable TrueType font uploads on the wiki and customize it from there.
To change the heading fonts, first import the google fonts and then put this CSS in Common.css or Fandomdesktop.css
main.page__main {
font-family: YOUR_FONT; /* This will change the article page font */
}
h1.page-header__title {
font-family: YOUR_FONT; /* This will change the title of the page */
}
.page__main h1,
.page__main h2,
.page__main h3,
.page__main h4,
.page__main h5,
.page__main h6 {
font-family: YOUR_FONT; /* This will change the headings font */
}
.fandom-community-header, /* This will change community header font */
.fandom-community-header__local-navigation, /* This will change community header font */
.fandom-sticky-header__sitename /* This will change the font of sitename in the sticky header */ {
font-family: YOUR_FONT;
}
Okay so just put that in my wiki's css after copy/pasting the url from the google fonts site?
Also, change that YOUR_FONT with this:
Let me summarize it: First. copy that import statement and paste it at the top of Common.css or Fandomdesktop.css
Second: Paste the CSS I gave you in Common.css or Fandomdesktop.css
Third: Copy that font-family(I have marked it in yellow) and paste it in place of YOUR_FONT
How about you give me admin rights for a moment and I do it for you?
Nvm,
Here, forget everything I said before and paste this:
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');
h1.page-header__title {
font-family: 'Orbitron', sans-serif;
}
.page__main h1,
.page__main h2,
.page__main h3,
.page__main h4,
.page__main h5,
.page__main h6 {
font-family: 'Orbitron', sans-serif;
}
.fandom-community-header,
.fandom-community-header__local-navigation,
.fandom-sticky-header__sitename {
font-family: 'Orbitron', sans-serif;
}
I pasted it and I see no changes...
What do you think?