Mercurial
comparison .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 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 <!doctype html> | |
2 <html lang="ru"> | |
3 | |
4 <head> | |
5 <meta charset="utf-8"> | |
6 <title>CSS сниппеты</title> | |
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
8 <link rel="stylesheet" href="/man/css/prism.css"> | |
9 <link rel="stylesheet" href="/man/css/styles.css"> | |
10 <style> | |
11 | |
12 </style> | |
13 </head> | |
14 <body> | |
15 <main> | |
16 | |
17 <h2>Подключение шрифтов</h2> | |
18 | |
19 <p>Если нижеприведенного кода мало, то больше опций можно найти в <a href="https://developer.mozilla.org/ru/docs/Web/CSS/@font-face" target=_blank>MDN</a>.</p> | |
20 | |
21 <pre class=language-css><code>/* latin */ | |
22 @font-face { | |
23 font-family: 'Open Sans'; | |
24 src: local("Open Sans"), | |
25 url(/template/open-sans-lat.woff) format('woff'), | |
26 url(/template/open-sans-lat.woff2) format('woff2'); | |
27 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; | |
28 } | |
29 | |
30 /* cyrillic */ | |
31 @font-face { | |
32 font-family: 'Open Sans'; | |
33 src: local("Open Sans"), | |
34 url(/template/open-sans-cyr.woff) format('woff'), | |
35 url(/template/open-sans-cyr.woff2) format('woff2'); | |
36 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | |
37 }</code></pre> | |
38 | |
39 <h2>Определение переменных</h2> | |
40 | |
41 <pre class=language-css><code>:root { | |
42 --sans-serif: system-ui, sans-serif; | |
43 --monospace: "consolas", monospace; | |
44 }</code></pre> | |
45 | |
46 </main> | |
47 <script src=/man/js/prism.js></script> | |
48 </body> | |
49 </html> |