импорт шрифта для вывода html с использованием knitr - PullRequest
Новая
       14

импорт шрифта для вывода html с использованием knitr

0 голосов
/ 09 ноября 2019

Я пытаюсь импортировать следующие шрифты, которые будут использоваться в моем выводе html. Они были включены в мой файл .css, но он не работает. 

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600');

h1, h2, h3 {
  font-family: 'Josefin Sans, serif';
  font-weight: normal;
}

body {
  font-family: 'Fira Sans', serif;
}

.remark-code, .remark-inline-code { 
  font-family: 'Source Code Pro', monospace;
}

Мой YAML выглядит следующим образом: 

---
title: "title"
subtitle: "subtitle"
author:  "author"
date: "date"
output:
  html_document:
    toc: true # table of content true
    toc_float: true
    depth: 3  # upto three depths of headings (specified by #, ## and ###)
    number_sections: false  ## if you want number sections at each table header
    css: [style.css]
    highlight: zenburn  # specifies the syntax highlighting style
    fig.retina: 3
    self_contained: yes
---

Почему мой вывод html не использует указанные шрифты? Любая помощь приветствуется!

1 Ответ

2 голосов
/ 09 ноября 2019

Сделайте следующие изменения в вашем коде 

h1, h2, h3 {
  font-family: 'Josefin Sans', serif;
  font-weight: normal;
}

Right Way ->  font-family: 'Josefin Sans', serif;
Wrong Way ->  font-family: 'Josefin Sans, serif';
...