Skip to content

Instantly share code, notes, and snippets.

@BBoldt
Created May 9, 2016 21:22
Show Gist options
  • Save BBoldt/67438fb40301144235272bdb01e1336b to your computer and use it in GitHub Desktop.
Save BBoldt/67438fb40301144235272bdb01e1336b to your computer and use it in GitHub Desktop.
Font changing css for Better Discord
.message-content {font-size: 120%}
.message-content {color: black;}
.message-content {font-family: "Segoe UI", Georgia, Serif;}
.message-content {line-height: 1.5;}
.user-name {font: bold 16px/30px Georgia, serif;}
@mi6i
Copy link

mi6i commented Aug 24, 2023

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var{
font-family: 'Vazirmatn', sans-serif;
}

Simply use above css in better discord custom css place holder to change all fonts into vazirmatn (persian & arabic ) font.
And If you had problem on unicode some character change font url and name .

@eepcheep
Copy link

eepcheep commented Jan 23, 2024

i've used like like every single one of these and none of them change the font size for messages/channels/servers. any help?

@KiloTheNeko
Copy link

2022? @SonyEntertainmentNetwork

Simply put this into the Custom CSS section in BetterDiscord

::placeholder, body, button, input, select, textarea {
    font-family: "YOUR FONT HERE";
    text-rendering: optimizeLegibility;
}

This is better, will change also a server name font and literally everything else, which your code will not do:

* {
    font-family: "Chakra Petch"!important;
}

This one is the best solution

@KiloTheNeko
Copy link

i've used like like every single one of these and none of them change the font size for messages/channels/servers. any help?

are you sure your BD/Vencord is working correctly and that no other CSS is overwriting your change ?

@jatubio
Copy link

jatubio commented Mar 18, 2024

I'm using Better Discord.

I'm using a light theme and will want message text in black instead of gray.

I tried to put these on Custom CSS Editor and neither of them worked: (I used green, blue and red for testing so I will see if they're working)

* {
text-rendering: optimizeLegibility;
    --primary-text-color: green; 
}

.message-content {color: red;}
.da-messageContent {color: green;}

:root {
    --primary-text-color: green; 
}

::placeholder, body, button, input, select, textarea {
    color:blue;
}

.messageContent-2t3eCI{ color:blue !important; }

Any help, please?

@Andor-py
Copy link

@Wizerdz

@import url(https://nfld99.github.io/Better-Discord/Source_Code/Use_Fonts/Yes.css);
:root {
--Chat-Font-Used: 'Magic Cards', normal ;
--Chat-Font-Size: 15.5px;
}
:not([class="hljs"]):not(code){
font-family: var(--Chat-Font-Used)!important;
}
.markup:not(code) {
font-size: var(--Chat-Font-Size)!important;
}
Replace the url with a url of your font choice, and replace "Magic cards" and "normal" with your font name and type.

THANK YOU SO MUCH BRO! YOUR CODE HELPED ME!

THANK YOU SO MUCH BRO! YOUR CODE HELPED ME TO!

@hunabku94
Copy link

hunabku94 commented Apr 6, 2024

I'm using Better Discord.

I'm using a light theme and will want message text in black instead of gray.

I tried to put these on Custom CSS Editor and neither of them worked: (I used green, blue and red for testing so I will see if they're working)

* {
text-rendering: optimizeLegibility;
    --primary-text-color: green; 
}

.message-content {color: red;}
.da-messageContent {color: green;}

:root {
    --primary-text-color: green; 
}

::placeholder, body, button, input, select, textarea {
    color:blue;
}

.messageContent-2t3eCI{ color:blue !important; }

Any help, please?

Hey, i personally use this :

* {
font-family: "Droid Sans"!important;
color:black;
}

where Droid Sans is my font name.

@asowa12344
Copy link

im completely clueless, can someone just give me exactly what i need if i wanna use the fonts either "hylia serif" or "the wild breath of zelda"
both can be found here https://zeldauniverse.net/media/fonts/

@hunabku94
Copy link

im completely clueless, can someone just give me exactly what i need if i wanna use the fonts either "hylia serif" or "the wild breath of zelda" both can be found here https://zeldauniverse.net/media/fonts/

* {
    font-family: "Hylia Serif Beta"!important;
}

@asowa12344
Copy link

im completely clueless, can someone just give me exactly what i need if i wanna use the fonts either "hylia serif" or "the wild breath of zelda" both can be found here https://zeldauniverse.net/media/fonts/

* {
    font-family: "Hylia Serif Beta"!important;
}

thank you so much, that worked!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment