Advertisement:

Author Topic: Bold fonts appear the same as regular font.  (Read 1035 times)

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Bold fonts appear the same as regular font.
« on: February 24, 2020, 03:18:56 AM »
Hi everyone!

I recently installed a theme on a forum I'm working on, and the font it uses is Sans Serif:

Code: [Select]
/* Set a fontsize that will look the same in all browsers.
---------------------------------------------------------- */
body {
background: #1D2225 url(../images/custom/main2.png) no-repeat 100% 0% / cover;
font: 300 13px/1.5 'Oxygen', "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 0;

Unfortunately, when I make something bold using bbcode, it doesn't appear bold at all.  Is there some sort of way to make it appear - for lack of a better word - bolder?  Do I need to change the font?  It appears mostly to be Oxygen from what I can tell, that word is repeated amongst my index.css file.  I still want Sans Serif because it's what I prefer.

The small snip I attached is a preview from a post I'm typing up - I put the [ b ]  [ / b ] around February 2, 2020, and it looks exactly the same as the rest.

Offline Illori

  • Project Manager
  • SMF Legend
  • *
  • Posts: 52,563
Re: Bold fonts appear the same as regular font.
« Reply #1 on: February 24, 2020, 04:52:06 AM »
link to the forum where a post is having bold bbc? most likely it is not defined in the css or not defined correctly.

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #2 on: February 24, 2020, 05:47:12 AM »
http://dobs.poison-lesson.org/forum/index.php

If you check out the 'Rules' post in the first board, the very first line stating IMPORTANT is all in bold.

Online Antechinus

  • SMF Friend
  • SMF Master
  • *
  • Posts: 25,450
  • Master of BBC Abuse
Re: Bold fonts appear the same as regular font.
« Reply #3 on: February 24, 2020, 05:49:20 AM »
We can't access it. You have the site in maintenance mode.

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #4 on: February 24, 2020, 02:02:59 PM »
My apologies, completely forgot I did that a few days ago!  It should be accessible now.

Offline Illori

  • Project Manager
  • SMF Legend
  • *
  • Posts: 52,563
Re: Bold fonts appear the same as regular font.
« Reply #5 on: February 24, 2020, 02:12:36 PM »
can you link to the exact post/topic? I cannot find one matching your screenshot.

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #6 on: February 24, 2020, 02:27:10 PM »
I hadn't yet posted that one. Check out the Dusk on Bourbon Street Rules post - the very first centered line stating IMPORTANT is in bold.

Offline Shambles

  • SMF Hero
  • ******
  • Posts: 5,532
  • Gender: Male
    • i30 Owners Club
Re: Bold fonts appear the same as regular font.
« Reply #7 on: February 24, 2020, 03:26:41 PM »
I increased your font-weight [from 500] to 999 and it looks bold.


Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #8 on: February 24, 2020, 04:02:33 PM »
I've never dealt with font weight, I'll do that when I get home from work. Thank you!

Online Antechinus

  • SMF Friend
  • SMF Master
  • *
  • Posts: 25,450
  • Master of BBC Abuse
Re: Bold fonts appear the same as regular font.
« Reply #9 on: February 24, 2020, 04:29:33 PM »
The problem is that bold and strong tags are defined as font-weight: 500; but Arial does not support that font weight.

Code: [Select]
b, strong {
    font-weight: 500;
}

Come to think of it, Arial doesn't support 300 weight either. Offhand I don't know about Helvetica, but unless you're on a Mac you won't get Helvetica anyway. I think Bikken and Mayday used Macs, so I suspect the font weights worked with Helvetica and it didn't bother them.

Code: [Select]
body {
    font: 300 13px/1.5 "Arial", "Helvetica", sans-serif;
}

Solutions for Windows and other non-Mac things: either change the bold and strong tags to call 700 weight, or change the font to one that supports a range of weights (Roboto, for example).

ETA: Note re the 999 thing - that's not a weight that will be used in practice either. It will automatically round to the nearest supported weight, which will be 700 (standard bold weight since Noah was a lad).

Online Antechinus

  • SMF Friend
  • SMF Master
  • *
  • Posts: 25,450
  • Master of BBC Abuse
Re: Bold fonts appear the same as regular font.
« Reply #10 on: February 24, 2020, 04:49:16 PM »
By the way, they did request that anyone still using their themes remove the link to their old site. The domain has been taken over a people running hookers in Las Vegas, which is not something Bikken and Mayday particularly want to give free traffic to.

In index.template.php:

Code: (Find) [Select]
<span>Design by <a href="http://www.dzinerstudio.com" target="_blank">DzinerStudio</a></span>
Code: (Replace) [Select]
<span>Design by DzinerStudio</span>
:)
« Last Edit: February 24, 2020, 05:02:51 PM by Antechinus »

Offline Shambles

  • SMF Hero
  • ******
  • Posts: 5,532
  • Gender: Male
    • i30 Owners Club
Re: Bold fonts appear the same as regular font.
« Reply #11 on: February 24, 2020, 05:01:18 PM »
^ good point  :o

Online Antechinus

  • SMF Friend
  • SMF Master
  • *
  • Posts: 25,450
  • Master of BBC Abuse
Re: Bold fonts appear the same as regular font.
« Reply #12 on: February 24, 2020, 05:06:23 PM »
Y'know it just occurred to me I could write a "mod" for that, just to be kind to newbies who are using Dziner themes. Could have one edit to index.template.php for any theme, with error='ignore" or error="skip". If you're running half a dozen Dziner themes and several other custom themes and default, just install the mod on all and it would sort Dziner links without touching anything else.

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #13 on: February 25, 2020, 01:24:27 AM »
Thank you, everyone!  I am on a Mac, but others who will be using the forum will be on Windows.  I'll first attempt the weight change, and I will also remove the link - I didn't even think about the link to their site!

I appreciate everybody's help.  I'm usually pretty good with the things I already know, but sometimes things just throw me through a loop!

Thank you, again! :)

Offline technicolorpunky

  • Semi-Newbie
  • *
  • Posts: 52
Re: Bold fonts appear the same as regular font.
« Reply #14 on: February 25, 2020, 03:50:08 AM »
It works!  Much appreciated, everyone!