Mercurial
view .cms/man/ru_RU.UTF-8/hint_css.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
line wrap: on
line source
<!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>