Why isn't my CSS font-weight changing?

Store Design
1

Hi,

I’m trying to customize a table inside a page with css and I created some classes inside base.css but the font-weight is not changing. I want to use the font Oswald (the same as my heading). What am I doing wrong?

Here’s the code I’m adding in base.css to define the classes:

.table-medidas {
  border-collapse: collapse;
  border: 1px solid black;
  font-family: var(--font-heading-family);
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

.th-medidas {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400
}

.td-medidas {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-weight: 300
}

.caption-medidas {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #333;
  margin-bottom: 8px;
}

.thead-medidas {
  background-color: #99552B;
  color: white;
  font-weight: 400;
}

.tbody-medidas tr:nth-child(odd) {
  background-color: #fff;
}

.tbody-medidas tr:nth-child(even) {
  background-color: #eee;
}

.tbody-medidas th {
  text-align: left;
  padding-right: 20px
}

.tfoot-medidas td {
  text-align: right;
  padding-bottom: 6px;
  padding-top: 6px;
  font-weight: 200
}

Screenshot 2023-06-16 at 13.07.46.png
Screenshot 2023-06-16 at 13.07.46.png1116×790 43.1 KB

And no matter the font-weight, nothing changes; all the weights remain the same.

What am I doing wrong? My theme is Dawn and the page in question is https://j-hess.com/pages/teste

Thank you in advance

2

Hi @j-hess ,

Use font-weight 600 instead of 400; that will affect boldness.

I hope you have added a font family with variants of weight like light, regular, medium, bold etc.

3

I’ve tried a few different weights (200, 400, 600, 800) but none have worked.

I’m sure the Oswald font has many weights, but maybe I should define the font in other way that I don’t know how…

4

@j-hess , Could you please show me how you have added the fonts to your website?