How to make open sans work without internet?

Question

css

Hello. Tell me how to make the open sans font work without the Internet and google fonts. I have the font on my PC, but when you write the code font: 45px 'Open Sans'; (I also tried without quotes, font-style also wrote), the browser ignores you. As soon as I add a line from google font, everything works as if nothing had happened. As soon as I turn off the Internet, the font flies again.

Answer 1

Studio code.
Downloading a font is not related to the Internet, but only on whether the user has this font in the system or not. If not, implement either with svg or @font-face.

Answer 2

at the beginning of the css file:

@font-face {
    font-family:  Open Sans; /* Имя шрифта */
    src: url(fonts/open_sans.ttf); /* Путь к файлу со шрифтом */
   }

Answer 3

Thank you! Problem solved!