Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhancement: Find a better Discord font. #50

Open
a2aaron opened this issue Dec 5, 2022 · 2 comments
Open

Enhancement: Find a better Discord font. #50

a2aaron opened this issue Dec 5, 2022 · 2 comments

Comments

@a2aaron
Copy link
Owner

a2aaron commented Dec 5, 2022

Discord itself seems to use a font weight of 500 for usernames (normal text is 400, and bold text is 700). However, lots of fonts don't have more than two font weights, so there isn't anyway to make the username bold without it being just as bold as normal bold text.

The Discord template uses the following font family: Whitney, Verdana, Helvetica Neue, Helvetica, Arial, sans-serif, falling back to the first one in that list. In practice, almost everyone probably sees Verdana, since most people don't have Whitney installed. Helvetica Neue does have 6 weights (100 thru 600) but it seems like it's not a default font on Windows machines (which means we probably can't rely on it). The rest only have two font weights.

Below are some comparisons of how a post might look in different fonts:

Cohoard, actual font: Verdana, font weight 600
image

Cohoard, actual font: Helvetica Neue, font weight 600
image

Cohoard, actual font: Helvetica Neue, font weight 500 (imo this looks the closest to actual Discord)
image

Cohoard, actual font: Helvetica, font weight 600
image

Cohoard, actual font: Arial, font weight 600
image

Discord, actual font: gg sans, font weight 500 (i think?)
image

@pleonasticTautology
Copy link
Contributor

is it possible to in-line a google font? or some remotely-hosted font in some fashion? cos, at least with google fonts, you can have so many line weights and that may be useful in this fashion — alphy

@a2aaron
Copy link
Owner Author

a2aaron commented Dec 7, 2022

Hm... doing some research into this:
It seems that cohost strips or ignores <link> tags. I could use @font-face, which seems to even allow base64 encoded fonts, but I can't figure out how to use it inline (and this StackOverflow post suggests it's probably not possible?). If cohost allowed for <style> tags this would be easy, but it seems like that also gets stripped?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants