О «Докувики»
Дополнительные возможности
Для предпринимателей
Наше сообщество
Следуйте за нами на Фейсбуке, в Твиттере и других социальных сетях.
Конфиденциальность (англ.)
О «Докувики»
Дополнительные возможности
Для предпринимателей
Наше сообщество
Следуйте за нами на Фейсбуке, в Твиттере и других социальных сетях.
Конфиденциальность (англ.)
Это старая версия документа!
Совместим с «Докувики»
Обширные возможности стилизации текста с помощью таких CSS-правил, как шрифт, размер, жирность и цвет текста.
This extension is not in the 'plugin' or 'template' namespace and is therefore ignored.
Похож на fontcolor, fontfamily, fontsize2, wrap
Теги: fonts, style, typography
Установка стандартная, поиском и скачиванием через Extension Manager. Для ручной установки смотрите plugins.
Плагин типографики расширяет разметку «ДокуВики» за счет возможностей набора текста. Тег разметки <typo> определяет свойства шрифта CSS, такие как вид шрифта, размер, толщина цвет текста. Параметр состоит из пар свойство-значение CSS (свойство: значение;), каждая пара должна быть разделена точкой с запятой (;), однако последняя может быть опущена. Вы можете использовать сокращенное короткое имя вместо полного имени свойства.
Некоторое конкретное короткое имя также доступно как тег разметки; <ff> (семейство шрифтов / имя), <fs> (размер), <fc> (цвет), <bg> (цвет фона), <fw> (вес). Плагин типографики полностью заменяет: fontfamily, fontsize2 и fontcolor.
short name | css property name | description |
---|---|---|
fc | color | цвет текста |
bg | background-color | цвет фона текста |
fs | font-size | размер шрифта текста (большой или мелкий) |
fw | font-weight | толщина шрифта (толстые или тонкие символы в тексте) |
fv | font-variant | отображать текст маленьким шрифтом |
ff | font-family | семейство шрифтов для текста, должно быть заключено в одинарные кавычки, если имя шрифта содержит пробелы и символы, отличные от ASCII. |
lh | line-height | пространство между строками |
ls | letter-spacing | дополнительный пробел между символами (в px, em и т. д.) |
ws | word-spacing | дополнительный пробел между словами (в px, em и т. д.) |
sp | white-space | указывает, как обрабатывается пробел (сохранить или свернуть) |
va | vertical-align | устанавливает вертикальное выравнивание |
- | text-transform | контролирует использование заглавных букв в тексте (заглавные, прописные или строчные) |
- | text-shadow | добавляет тень к тексту |
wf | (web-font) | укажите класс веб-шрифта с префиксом «wf-» |
Иногда встроенные стили необходимы, когда вы создаете страницу вручную. Однако вам следует по возможности избегать их для «семантической разметки», улучшения ремонтопригодности и возможности повторного использования. Плагин wrap предоставит наиболее мощный и гибкий метод для определения атрибута класса.
Плагин типографики предоставляет синтаксис короткого имени (или отдельного свойства), который совместим с fontfamily, fontcolor и fontsize2. Если вы включили эти три плагина, короткий синтаксис обрабатывается соответствующими плагинами, а не этим плагином. Этот короткий синтаксис доступен через значки панели инструментов:
.
Пример одного параметра:
<typo font-size:large;>Large</typo>, <typo fs:x-large>Very large</typo>, <fs:xx-large>Huge</fs>, and <fs smaller>smaller</fs> size text
Пример с несколькими параметрами:
<typo fs:larger; fw:bold; ff:serif>Bold serif</typo>, <fs:large; fv:small-caps>Small-caps</fs> text
Синтаксис вложенности:
<ff:'Georgia', 'MS Serif', serif><fs:36px; lh:1.1> There is nothing either good or bad, \\ but thinking makes it so. </fs>\\ <fs:smaller;>//-- William Shakespeare, “Hamlet”, Act 2 scene 2//</fs></ff>
Использование веб-шрифта
Для getting started with the Google Fonts API, вы можете добавить ссылку на таблицу стилей для запроса желаемого веб-шрифта (ов) в conf/meta.html файл, например:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine"> <style> .wf-tangerine { font-family: Tangerine, serif; } </style>
Затем вы можете использовать имя шрифта (например, Tangerine) в значении font-family:
<ff Tangerine; fs:48px>Making the Web Beautiful!</ff> <wf:tangerine; fs:48px>Making the Web Beautiful!</wf>
Начиная с выпуска 2014-10-13 этот плагин также поддерживает ODT export (текстовый формат открытого документа). Слева вы видите снимок экрана, сделанный с тестовой страницы типографики, открытой в браузере, с правой стороны вы видите страницу, экспортированную в ODT:
Как видите, в настоящее время существуют некоторые ограничения на экспорт ODT:
Примечание. Для функции экспорта ODT плагина типографики требуется PHP 5> = 5.3.0.
Плагин типографики для «ДокуВики» изначально был разработан Павлом Пекарски, оригинальная версия. (v0.1101 / 2011-01-18) все еще доступен из http://treecode.pl/typography.html .
С 28 июля 2014 года код плагина перемещен в репозиторий github, чтобы обеспечить лучшую доступность для установки и возможности дальнейшей разработки. Спасибо Paweł за вашу раннюю работу и за то, что побудили меня перенести код на github. — s.sahara 2014-07-28 14:57
Функция ODT renderer - это вклад Ларса (LarsDW223)..
fw:
(font-weight) и sp:
(white-space) смотрите также: https://github.com/ssahara/dw-plugin-typography/issues
* У меня из этого плагина просто фигня. dokuwiki 07.11.2010 «Муравьед». Schplurtz. 13.03.2011
<typo fw: 900;> Heavy text </typo>
// if ($ isSameHost && $ isColorSet) { //}