EDIT: The problem has been solved. I was using a desktop version of the font .otf instead of web version .woff2 Now it works.
R
radovanvasak
@radovanvasak
Posts
-
Activate styllistic sets -
Activate styllistic setsIt is a Suisse Int’l from Swiss Typefaces available here: https://www.swisstypefaces.com/fonts/suisse/#font The numbers don't turn tabular here https://vasak.sk The tabular numbers function works fine in design softwares such as InDesign or Figma.
-
Activate styllistic setsHello @arminunruh I can't manage to get this working with tabular numbers.
I am putting this in the <head> content:
<style>
._Default{
font-feature-settings: "ss01", "case", "tnum";
}
</style>I have this in my Custom CSS:
body {
-moz-font-feature-settings: "ss01", "case", "tnum";
-ms-font-feature-settings: "ss01", "case", "tnum";
-o-font-feature-settings: "ss01", "case", "tnum";
-webkit-font-feature-settings: "ss01", "case", "tnum";
font-feature-settings: "ss01", "case", "tnum";
}Am I doing something wrong? Thanks in advance.
-
overflowHello! I am facing a problem with a custom CSS code for disabling overflow also causing that whenever a project is opened the scroll is not reset. This is the website: www.vasak.sk
What I am trying to do is that the website doesn't overflow anywhere, the overlay stays scrollable on mobile and whenever a project is opened, the scroll is reset so that it starts from the top.
The part of the CSS code I think is causing the problem:
html, body {
overscroll-behavior: none;
}html, body {
overflow: auto;
height: 100%;
}.overlay-open html, .overlay-open body {
overflow: hidden !important;
height: 100% !important;
}.text-overlay-close {
overflow-y: auto !important;
max-height: 100vh !important;
}If there is is anyone that is able to help me with this issue I would be very thankful.