mattdm
November 22, 2021, 5:09am
1
A screenshot will be helpful here for what I’m talking about. See:
Notice “Matthew Mill…”
While on the Discourse meta site, it looks like:
Maybe it’s because it’s gotta fit that badge in there because i’m a site admin here, but i think overall the font is just smaller? I suppose this is an artifact of selecting Montserrat instead of the default. I like the look overall and how it matches Fedora design standards, but… is there a way to override the scaling so the font face stays the same but is something like 80% of the default size, fitting in more letters?
jpbn
November 22, 2021, 6:49am
2
If your name is tagged as a special <name>.</name> that should be easy.
oprizal
November 22, 2021, 9:03am
3
Hi,
From browser inspection, there are available variables font size on font-variables.scss.
Then maybe it could be applied on file user-card.scss on line 80.
Should be work by adding new value like: font-size: var(----base-font-size-smallest) or other variables found on font-variables.scss.
Or just add font-size: 80% but this is I believe not a good practice.
1 Like
hhlp
November 22, 2021, 12:07pm
4
based on @oprizal answer,
Discourse META use → Arial
here we’re using → Montserrat
the best aproach will be:
h1.staff.full-name {
font-size: var(--base-font-size-larger);
}
Regards.,
hhlp
November 22, 2021, 1:28pm
5
test in a dev environment:
#user-card .full-name {
font-size: var(--base-font-size-larger);
}
2 Likes
mattdm
November 22, 2021, 5:04pm
7
What about one step larger than that? That seems to leave plenty of room for even names longer than mine?
hhlp
November 22, 2021, 5:56pm
8
let’s see this, I hope is better
#user-card .full-name {
font-size: var(--font-up-2);
}
Regards.,
2 Likes
mattdm
November 22, 2021, 7:11pm
9
Looks good — let’s do it!
mattdm
November 22, 2021, 9:08pm
11
Oh, and if you could do it over on Discussion too, that’d be lovely!
hhlp
November 22, 2021, 11:36pm
12
Sure, I will do it tomorrow
Regards.,
1 Like
hhlp
November 23, 2021, 10:09am
13
Done fix it also on Discussion.fp.o
Regards.,
2 Likes
