具有DOCCO线性样式的r标记

Question

我正要用DOCCO线性风格编写包的小片段，这个包由knitr包(针织品)支持。

在他们的例小体中，有一个很好的图形在乞讨和结束的HTML文件。

但当我试图维护自己的图片时，这些图形并没有出现，而是出现了一个巨大的8和h字母:P，如下所示：

。

any1能否告诉我为什么会发生这种情况，以及如何解决这个问题？

我正在使用以下语法将用.Rmd编写的小片段转换为.HTML：

格列尼特：

<!--
%\VignetteEngine{knitr::docco_linear}
%\VignetteIndexEntry{The archivist package compedium}
-->

# The archivist package compedium

```{r}

摘要(Cars)

以及转换这一功能的功能：

knitr::knit2html(input = "vignettes/archivist.Rmd", 
                 output = "vignettes/archivist.md", 
                 template = system.file("misc", "docco-template.html", 
                 package = "knitr"))

请注意，您应该在计算机上安装npm。

通过终端安装：

sudo apt-get install npm

然后安装docco：

sudo npm install -g docco

谢谢你的建议！

编辑：

首先，在标记编译之后，我在Oracle虚拟机上的ubuntu的firefox下打开了我的vignette文件，因为我无法在Windows上下载和安装docoo。它以丑陋的8出现在输出文件中。

但是当我通过电子邮件将这个文件发送给自己，并在Windows上打开它时，它看起来就像我在制作时想要的那样完美。检查下面

​

于是，我在火狐虚拟机上打开了编织品手册，解释了docco的风格，它似乎有相同的8标志！

我想一定是某种编码问题？我说的对吗？很好，它的工作和看起来很好，在发送到一个窗口:P能解释我的这种胡说八道，我失去了我的大部分时间？

谢谢:)

Answer 1

该内容是通过docco.css文件中的CSS添加的。对于标头图像，它们有

h1:after {
  content: "8";
  display: block;
  font-family: "fleurons";
  color: #999;
  font-size: 80px;
  padding: 10px 0 25px;
}

因此，他们在页眉后面插入一个"8“。但是他们把字体指定为“跳蚤”。这是他们在相同的css文件中定义的一个网页字体。

@font-face {
    font-family: 'fleurons';
    src: url('public/fonts/fleurons.eot');
    src: url('public/fonts/fleurons.eot?#iefix') format('embedded-opentype'),
         url('public/fonts/fleurons.woff') format('woff'),
         url('public/fonts/fleurons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

因此，为了使"8“看起来像他们的花哨符号，你需要有这个特定的网页字体。页面末尾的"h“也是如此。