Mercurial

<!doctype html>
<html lang="ru">

    <head>
        <meta charset="utf-8">
        <title>CSS сниппеты</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="/man/css/prism.css">
        <link rel="stylesheet" href="/man/css/styles.css">
        <style>

        </style>
    </head>
    <body>
        <main>

            <h2>Подключение шрифтов</h2>

            <p>Если нижеприведенного кода мало, то больше опций можно найти в <a href="https://developer.mozilla.org/ru/docs/Web/CSS/@font-face" target=_blank>MDN</a>.</p>

            <pre class=language-css><code>/* latin */
@font-face {
    font-family: 'Open Sans';
    src: local("Open Sans"),
         url(/template/open-sans-lat.woff) format('woff'),
         url(/template/open-sans-lat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    src: local("Open Sans"),
         url(/template/open-sans-cyr.woff) format('woff'),
         url(/template/open-sans-cyr.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}</code></pre>

            <h2>Определение переменных</h2>

            <pre class=language-css><code>:root {
    --sans-serif: system-ui, sans-serif;
    --monospace: "consolas", monospace;
}</code></pre>

        </main>
        <script src=/man/js/prism.js></script>
    </body>
</html>
author	Coffee CMS <info@coffee-cms.ru>
date	Sat, 12 Oct 2024 02:51:39 +0000
parents	78edf6b517a0
children