0

我正要使用包（knitr ）支持的DOCCO 线性样式编写包的小插图。knitr

在他们的示例小插图中，在 HTML 文件的开头和结尾处出现了一个漂亮的图形。

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

任何人都可以告诉我为什么会发生这种情况以及如何解决这个问题吗？

我正在将我的小插图转换.Rmd为.HTML使用以下语法：

小插图：

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

# The archivist package compedium

```{r}
summary(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

感谢您的任何建议！

编辑：

首先，在markdown编译之后，我在创建它的Oracle虚拟机上的ubuntu的firefox下打开了我的小插图文件，因为我无法在Windows上下载和安装docoo。8它在输出文件中显示为丑陋。

但是当我通过电子邮件将这个文件发送给自己并在 Windows 上打开它时，它看起来完全符合我在制作时的期望。检查下面医生工作

因此，我在 Firefox 的虚拟机上打开了 knitr vignette 手册，解释了 ubuntu 上的 docco 风格，它似乎具有相同的8标志！

我认为这一定是某种编码问题？我对吗？很好，将它发送到 Windows 后效果很好：P 任何人都可以解释我这一天大部分时间都失去的废话吗？

谢谢 ：）

4

1 回答 1

1

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

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

所以他们在页眉后面插入一个“8”。但他们已将字体指定为“fleurons”。这是他们也在同一个 css 文件中定义的 webfont。

@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”也是如此。

于 2014-08-11T18:33:19.690 回答