Font changing css for Better Discord

gistfile1.txt

.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;}

Excuse me, anyone please show me how to use this in betterdiscord. I tried to paste the whole thing in Custom CSS but nothing changes

replace .message-content with .da-messageContent

@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!

so the code doesn't work anymore on better discord, so it would be really nice if we could get an update code to make it work, cause i would really like to put a custom font on discord

@SCPHatty - put this

::placeholder, body, button, input, select, textarea {
font-family: 'CaskaydiaCove Nerd Font Semi-Bold' ;
}

@SCPHatty - put this

::placeholder, body, button, input, select, textarea {
font-family: 'CaskaydiaCove Nerd Font Semi-Bold' ;
}

How do I make the text have more space? I need this for the OpenDyslexia font.

@Yess-code you can use any CSS property here. Not sure what exact spacing you're looking for but anything like letter-spacing etc. should work.

Im a little confused but font family and .username are getting me confused. If you can, please help with this :)

This works well, but is it possible to change the font of a different language? Currently the Arabic font is irritating, and I'm wondering if there is a way to change it. Much thanks

I wanna do this for a font outside of Google Fonts. I wanna do a pixel font, but I get the default font instead.

Here's my code

@import url('//db.onlinewebfonts.com/c/5687fe87f19d34d8f2ec7d90578b95cc?family=Pixel');
::placeholder, body, button, input, select, textarea {
    font-family: "Pixel";
}

How to change font size(now is too large)
Changing px don't help
Code:

@import url(https://Timtaran.github.io/minecraft.ttf);
:root {
--Chat-Font-Used: 'Minecraft Rus Regular', Rus ;
--Chat-Font-Size: 8px;
}
:not([class="hljs"]):not(code){
font-family: var(--Chat-Font-Used)!important;
}

.markup:not(code) {
font-size: var(--Chat-Font-Size)!important;
}

Hi
How to change it for a specific language?

Anyone know how to change the emoji font?

Anyone know how to change the emoji font?

No, emoji is not font

how do iPhones change the emoji font on iOS discord?

@hai2145

This works well, but is it possible to change the font of a different language? Currently the Arabic font is irritating, and I'm wondering if there is a way to change it. Much thanks

Use unicode-range to make change only for Arabic Script.

This is what I use.

@font-face {
  font-family: "Helvetica";
  src: url("https://cdn.jsdelivr.net/gh/niskala5570/pasuanjawi@2.872/v2.727(usang)/Bahij%20Nassim/NKL-BahijNassim.woff2") format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+1EC70-1ECBF,U+1ED00-1ED4F,U+1EE00-1EEFF;
}

Change the url into any linked font you want, or change url(" ") to local("ur installed font name"); if you have the font installed.

Update 1/6/2023 : https://gist.github.com/niskala5570/520e689d4d30fc1381c0caae8e0dadcd

Hey, so I'm a complete newbie to coding, and I dont know anything about it coding but I'm using betterdiscord's custom css thing and this code appears to be working

https://github.com/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;
}

It's from one of the person above, but I'm wondering on how to get a code import url like that, is that possible for a complete newbie like me?

2022?

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;
}

I want to change the font, but when I do, only English letters look the way I want them to. The font doesn’t look the same for all letters. min Cyrillic. Can anyone help?
font name i founded: BlenderPro-Bold
/**

• @name Cyberpunk 2077
• @author Patryk Bielanin | bielak#2500
• @description Cyberpunk 2077 UI styled theme for better discord
• @Version 1.0.2
• @source https://github.com/PatrykBielanin/discord-cyberpunk2077-theme
• @website https://github.com/PatrykBielanin/discord-cyberpunk2077-theme
• @donate https://www.paypal.com/donate/?hosted_button_id=PGVKB863SXYUQ
  */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani');
@import url('https://patrykbielanin.github.io/discord-cyberpunk2077-theme/base.css');

:root {
--background-primary: linear-gradient(180deg, rgba(23,0,5,1) 10%, rgba(0,0,0,1) 65%); /* Background gradient /
--background-secondary: linear-gradient(180deg, rgba(23,0,5,1) 10%, rgba(0,0,0,1) 65%); / Background gradient /
--font-primary: 'Rajdhani'; / Font /
--primary-text-color: lightgray; / Font color */

--primary: 23, 13, 22;  /* Background color mainly used for popups */
--red: 255, 0, 60; /* Use RGB values */
--blue: 114, 234, 248; /* Use RGB values */
--yellow: 243, 230, 0; /* Use RGB values */
--green: 71, 213, 139; /* Use RGB values */
--dark-green: 56, 171, 111; /* Use RGB values */

}

I can't seem to figure out how to make the font work. I'm trying to use DotGothic16, a Japanese pixel font. It doesn't seem to work.
,

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;
}

Hey, I'd like to know how one could change the font for codeblocks to a different font than normal text?

@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 .

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

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

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 ?

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?

@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!

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.