1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Как подключить шрифт в css

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем noob_saibot, 18 май 2022.

Метки:
  1. noob_saibot

    noob_saibot

    Регистрация:
    5 май 2022
    Сообщения:
    7
    Симпатии:
    0
    Привет!

    Сайт https://4coders.pro/Unbrokenteam/index.html

    Подключал шрифт по этим статьям:
    https://www.cat-in-web.ru/podklyuchenie-shriftov-v-css/
    https://moguta.ru/blog/delaem-internet-magazin-vmeste/kak-podklyuchit-shrift-na-sajt-v-css

    В папку fonts на хостинге закачал Open Sans https://cloud.mail.ru/public/DsqH/bHBMnPvMv

    В css прописал:
    @font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    src: url(/fonts/OpenSans-Regular.eot); /* IE9 Compat Modes */
    src: url(/fonts/OpenSans-Regular.eot#iefix) format('embedded-opentype'),
    url(/fonts/OpenSans-Regular.woff) format('woff'),
    url(/fonts/OpenSans-Regular.ttf) format('truetype'),
    url(/fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg');
    }
    @font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/OpenSans-Bold.eot); /* IE9 Compat Modes */
    src: url(/fonts/OpenSans-Bold.eot) format('embedded-opentype'),
    url(/fonts/OpenSans-Bold.woff) format('woff'),
    url(/fonts/OpenSans-Bold.ttf) format('truetype'),
    url(/fonts/OpenSans-Bold.svg#OpenSans-Bold) format('svg');
    }

    и применил здесь:

    .myDivBlueBackground{
    background-color: #FEE3B0;
    padding: 20px;
    font-family: "Open Sans";
    }
    .myDivWhiteBackground{
    background-color: white;
    padding: 20px;
    font-family: "Open Sans";
    }

    Я все правильно сделал?