I connected the font to the div in which the table is located, and to the table tag itself:

 font-family: 'HouschkaPro-Medium'; 

But for some reason the font does not work, and on my device everything is correct, the rest have a problem.

The font itself is used throughout the site, and therefore, I don’t understand what the problem may be.

  • Give an example of reproducing the problem right in the question Read how to create a minimal reproducible example . - VenZell
  • 2
    Apparently the problem is with connecting the font (the paths are not specified correctly). You have this font installed on the system and therefore you see it, all the others are not. - HamSter

1 answer 1

Most likely the problem is that your font is installed on your system, while other users do not have it. This problem is solved as follows:

  1. Download this font in ttf format from the Internet.
  2. Drop it into the root folder of the site, or into the fonts folder, or into the css folder (wherever you like in general, just to the site folder).
  3. In the file where the styles of your site are written, connect the font in the following way:

     @font-face { font-family: 'HouschkaPro-Medium'; /* Имя шрифта */ src: url(fonts/HouschkaPro-Medium.ttf); /* Путь к файлу со шрифтом. В данном примере шрифт лежит в папке fonts */ } 
  4. And then connect to the divs where you need to connect as follows: style="font-family: 'HouschkaPro-Medium';" (just in case if it doesn’t work, duplicate the connection in the table and in tr. When you find where exactly the extra connections work, you’ll delete the connection)