LoweBowe/libarea
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

DEV: Пример подключение шрифта (Roboto)

Browse source
This commit is contained in:
Evg 2023-03-10 11:40:01 +03:00
parent 3e0fceff87
commit 087d43c3d4
10 changed files with 52 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
public/assets/fonts/README.md Normal file
View file

@ -0,0 +1,21 @@
# Example Roboto-Regular.ttf (License Apache 2.0)
To include this file, you need to uncomment the lines in the file:
```
resources/views/default/css/custom.css
```
and then collect css (via admin interface).
---
(ru)
Чтобы подключить данный файл, вам необходимо раскомментировать строки в файле:
```
resources/views/default/css/custom.css
```
а далее собрать css (через админ- интерфейс).

BIN
public/assets/fonts/Roboto-Regular.ttf Normal file
View file

Binary file not shown.

10
resources/views/default/css/components/code.css
View file

@ -39,3 +39,13 @@ pre {
.re3 { color: #933; }
.nu19 { color: #f73030; }
span.xtra { display:block; }
/* PrismJS 1.25.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+java+kotlin+markup-templating+php+sql&plugins=line-numbers+unescaped-markup+normalize-whitespace */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;/*white-space:pre;*/word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}
/* компенсируем tag*/
.token.tag,
.token.tag:hover { background-color: transparent; }

2
resources/views/default/css/components/components.css
View file

@ -331,6 +331,8 @@ article iframe {
max-height: 320px;
}
video { max-width: 560px; }
.box-answer {
line-height: 1.3;
padding: 5px;

18
resources/views/default/css/custom.css
View file

@ -4,11 +4,13 @@
* Дополнительные стили
*/
/* PrismJS 1.25.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+java+kotlin+markup-templating+php+sql&plugins=line-numbers+unescaped-markup+normalize-whitespace */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;/*white-space:pre;*/word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}
/* компенсируем tag*/
.token.tag,
.token.tag:hover { background-color: transparent; }
/* пример (example)
@font-face {
font-family: Roboto;
src: url(/assets/fonts/Roboto-Regular.ttf);
}
body {
font-family: Roboto, -apple-system,BlinkMacSystemFont,Arial,sans-serif;
} */

2
resources/views/default/global/base-header.php
View file

@ -2,7 +2,7 @@
use Hleb\Constructor\Handlers\Request;
Request::getHead()->addStyles('/assets/css/style.css?21');
Request::getHead()->addStyles('/assets/css/style.css?11');
$type = $data['type'] ?? false;
$facet = $data['facet'] ?? false;
$post = $data['post'] ?? false;

2
resources/views/default/global/item-header.php
View file

@ -2,7 +2,7 @@
use Hleb\Constructor\Handlers\Request; ?>
<?php Request::getHead()->addStyles('/assets/css/style.css?21'); ?>
<?php Request::getHead()->addStyles('/assets/css/style.css?11'); ?>
<?= insert('/meta', ['meta' => $meta]); ?>

2
resources/views/default/global/search-header.php
View file

@ -2,7 +2,7 @@
use Hleb\Constructor\Handlers\Request;
Request::getHead()->addStyles('/assets/css/style.css?21');
Request::getHead()->addStyles('/assets/css/style.css?11');
$uri = $data['type'] ?? 'post';
$q = $data['q'];
?>

4
resources/views/minimum/global/base-header.php
View file

@ -2,8 +2,8 @@
use Hleb\Constructor\Handlers\Request;
Request::getHead()->addStyles('/assets/css/style.css?21');
Request::getHead()->addStyles('/assets/css/minimum.css?21');
Request::getHead()->addStyles('/assets/css/style.css?11');
Request::getHead()->addStyles('/assets/css/minimum.css?11');
$type = $data['type'] ?? false;
$facet = $data['facet'] ?? false; ?>

4
resources/views/qa/global/base-header.php
View file

@ -2,8 +2,8 @@
use Hleb\Constructor\Handlers\Request;
Request::getHead()->addStyles('/assets/css/style.css?21');
Request::getHead()->addStyles('/assets/css/qa.css?21');
Request::getHead()->addStyles('/assets/css/style.css?11');
Request::getHead()->addStyles('/assets/css/qa.css?11');
$type = $data['type'] ?? false;
$facet = $data['facet'] ?? false; ?>