52 replies

`@font-face` variable font issue

Quick question, my font-face declaration with a variable font file isn't changing the font weight when I change it via css:

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

When I go in dev tools and change the font-weight, it doesn't actually change it. It's not a styling conflict. This is a variable font downloaded from Google Fonts

KP-C

Kevin Powell - Community•2y ago•

52 replies

vince

`@font-face` variable font issue

Quick question, my font-face declaration with a variable font file isn't changing the font weight when I change it via css:

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

When I go in dev tools and change the font-weight, it doesn't actually change it. It's not a styling conflict. This is a variable font downloaded from Google Fonts

`@font-face` variable font issue

Similar Threads

`@font-face` variable font issue

Similar Threads

Similar Threads

Similar Threads