How to change the font at the top bar

Johannes Genberg Posted in Technical Support 3 weeks ago

How do I do that?

Replies
se Johannes Genberg Replied 2 weeks ago

OK, thanks. But what do I do next?

us Bansh33 - Replied 2 weeks ago

what I was saying about the !important flag was that you can specify a font-family in another css rule and overwrite the font-family that is specified in the rule for body. for example:

.topbar .site-name a {
    text-transform: lowercase;
    font-size: 25px;
    padding: 10px;
    color: #fff;
    display: block;
    font-weight: normal;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif" !important;
}

the !important flag overrides any existing css rule that would otherwise be applied.

se Johannes Genberg Replied 2 weeks ago

My knowledge of CSS and HTML is limited. I hope there is someone out there who knows and who has the time to explain this to me :)

us Bansh33 - Replied 2 weeks ago

you can use the !important flag to override existing css rules, so that might help solve your problem. unfortunately I'm not great at css myself.

se Johannes Genberg Replied 2 weeks ago

Hello

I wish I was better at CSS. I am able to change the size and into lowecase here (this is pretty self-explanatory for me):

.topbar .site-name a {
    text-transform: lowercase;
    font-size: 25px;
    padding: 10px;
    color: #fff;
    display: block;
    font-weight: normal;
}

but I am not able to find where to change the font. Apparently I need to change something in body, but I can't find this part:

    body {
    font-family: "PT Sans",sans-serif,"Apple Color Emoji","Segoe UI
    Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";

All I want to do is to change the font at the top to a ttf-font called Biysk.ttf, which I have uploaded to root. But the code is so confusing to me that even with the help of Google I can't figure out what to do where.

se Johannes Genberg Replied 2 weeks ago

Thanks :)

German Arsalan Shah Replied 2 weeks ago

You can change it in themes/goblue/plugins/default/css/core/default.php

se Johannes Genberg Replied 2 weeks ago

I do find the string I need to change, but I can't find which file it is in.

se Johannes Genberg Replied 2 weeks ago

Thanks. I was hoping for a direct answer from someone who already know.

German Arsalan Shah Replied 3 weeks ago

See https://www.w3schools.com/css/css_font.asp
https://www.opensource-socialnetwork.org/wiki/view/1137/how-to-find-something-a-word-pattern-in-the-source-code

To use this you should know which CSS property you wanna change, you can find it in a developers tool available in most of browsers.