Как настроить пользовательские шрифты в MDBook, которые используются автоматически в сгенерированной книге? ⇐ CSS

[Anonymous]

Несколько дней назад я нашел mdbook. Оглядываясь вокруг легкого, маленького, а не
oveloaded Static Generator, я взволнован. Это прост в использовании, простое,
быстро и полностью хорошо спроектировано. Я бы хотел
изменить шрифт в настраиваемой теме. Пулевые точки выше «по умолчанию-темпе» определяются как схема цвета темы
по умолчанию в раскрывающемся спине «Изменить тему». < /p>
Как это соединяется друг с другом? В моей конфигурации автоматическое копирование файлов шрифтов
не работает. Я написал небольшой скрипт Bash, который выполняет копирование после вывода книг по созданию.

Код: Выделить всё

mdbook init testBook --theme
< /code>
< /li>
[*]  переименовать каталог «Тема» в «peters-teme '< /p>
< /li>
  Создать новый каталог' peters-teme /fonts < /p>
< /li>
< /ol>
[list]

< /li>

< /li>

[*]  Создайте новый файл CSS 'Peters-teme/Fonts/Libertinus-sans-font.css' 
@font-face {
font-family: libertinus-sans;
font-style: normal;
font-weight: normal;
src: url('LibertinusSans-Regular.otf') format('opentype');
}

@font-face {
font-family: libertinus-sans;
font-style: italic;
font-weight: normal;
src: url('LibertinusSans-Italic.otf') format('opentype');
}

@font-face {
font-family: libertinus-sans;
font-style: normal;
font-weight: bold;
src: url('LibertinusSans-Bold.otf') format('opentype');
}
< /code>
< /li>
< /ul>
[list]
 tweak file 'peters-teme /css /general.css' < /li>
< /ol>

  Добавить правление импорта CSS < /p>

  Добавить дополнительное правило импорта css < /p>

@import '../fonts/libertinus-sans-font.css'; /* added individually: use 'libertinus sans' fonts */
< /code>
< /li>
  Измените HTML Selector < /p>
html {
font-family: libertinus-sans; /* added individually: use 'libertinus sans' fonts */
color: var(--fg);
background-color: var(--bg);
text-size-adjust: none;
}

[/list]

[*] Создать файл 'peters-teme/fonts/libertinus-sans-font.css'

Код: Выделить всё

@font-face {
font-family: libertinus-sans;
font-style: normal;
font-weight: normal;
src: url('LibertinusSans-Regular.otf') format('opentype');
}

@font-face {
font-family: libertinus-sans;
font-style: italic;
font-weight: normal;
src: url('LibertinusSans-Italic.otf') format('opentype');
}

@font-face {
font-family: libertinus-sans;
font-style: normal;
font-weight: bold;
src: url('LibertinusSans-Bold.otf') format('opentype');
}

[*] Поместите файлы шрифтов в «Peters-teme/Fonts 'Directory

[/list]

• 'peters-teme/fonts/libertinussans-bold.otf''peters-teme/fonts/libertinussans-iticalic.otf'
• 'peters-theme/fonts/libertinussans-regular.otf'

• 'Peters-theme/index.hbs'

  Код: Выделить всё

  
  {{#if copy_fonts}}
  
  
  {{/if}}
  < /code>
  < /li>
    Создание сценария Bash 'build-book.sh' (с копированием в качестве обходного пути) < /p>
  #!/bin/bash
  #
  # Author: Peter
  # Date: 2020-11-20
  #
  ROOTFOLDER='/home/peter/Documents/Peter/Notes/mdBook/testBook/'
  #
  # change to book directory
  cd $ROOTFOLDER
  #
  # clean up old book files
  mdbook clean
  #
  # build the book
  mdbook build
  #
  # copy fonts for custom theme
  cp -r ./peters-theme/fonts/ ./book/
  #
  # display book in browser
  mdbook serve --open
  

Приветствующие
peter

Подробнее здесь: https://stackoverflow.com/questions/650 ... -the-gener