将自定义字体添加到GitHub页面

夏季冻结

我刚刚将新网站托管在GitHub上。我在其中使用了一些自定义字体,这些字体是我在index.htmlstyle.css文件旁边上传的

在此处输入图片说明

字体代码:

@font-face {
  font-family: "gogoiadeco";
  src: url('gogoia-deco-webfont.eot');
  src: url('gogoia-deco-webfont.eot?#iefix') format('embedded-opentype'),
    url('gogoia-deco-webfont.woff') format('woff'),
    url('gogoia-deco-webfont.ttf') format('truetype'),
    url('gogoia-deco-webfont.svg#Gogoia') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:url('icomoon.eot');
  src:url('icomoon.eot?#iefix') format('embedded-opentype'),
    url('icomoon.woff') format('woff'),
    url('icomoon.ttf') format('truetype'),
    url('icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gogoiaregular';
  src: url('gogoia-regular.eot');
  src: url('gogoia-regular.eot?#iefix') format('embedded-opentype'),
    url('gogoia-regular.woff2') format('woff2'),
    url('gogoia-regular.woff') format('woff'),
    url('gogoia-regular.ttf') format('truetype'),
    url('gogoia-regular.svg#gogoiaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

我是GitHub的新手,我不知道要进行哪些更改才能使这些字体正常工作。

FSocko

我也有这个问题。我的字体在本地可以正常工作,但是在GitHub上似乎无法正确实现。

我想出了如何执行此操作:gitHub.io页面的根目录似乎与本地根目录不同,这会导致在错误的文件夹中显示字体。

这是我的代码:

@font-face {
    font-family: F16;
    src: url("../SubSkipper/F16_Panel Font.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}

SubSkipper是我的项目的名称,.ttf字体位于明显的根目录中,我的意思是:“ SubSkipper /”。

路径../返回上一级,然后打开本地显示的项目的根目录(SubSkipper)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法将自定义字体添加到Xcode

来自分类Dev

将自定义字体添加到GUI SWT

来自分类Dev

将自定义字体添加到GUI SWT

来自分类Dev

将自定义页面添加到Spartacus

来自分类Dev

将自定义页脚添加到页面模板

来自分类Dev

如何将自定义文件添加到自定义文章列表页面

来自分类Dev

如何将自定义字体大小添加到QuillJS编辑器

来自分类Dev

将自定义字体图标添加到视觉作曲家

来自分类Dev

如何将自定义svg图标添加到Material UI字体图标?

来自分类Dev

将自定义按钮添加到 CSS - Ionic 3 无法加载字体

来自分类Dev

WooCommerce:将自定义模板添加到客户帐户页面

来自分类Dev

WordPress-如何将自定义元框添加到特定的管理页面?

来自分类Dev

Magento将自定义按钮添加到订单创建页面

来自分类Dev

如何重定向到页面并将自定义标题添加到重定向

来自分类Dev

将自定义CSS添加到使用WebView呈现的HTML页面中

来自分类Dev

在Wordpress中将自定义CSS添加到页面模板

来自分类Dev

如何将自定义的左链接模型添加到Wagtail管理页面

来自分类Dev

将自定义字段添加到WooCommerce新帐户页面

来自分类Dev

WooCommerce:将自定义模板添加到客户帐户页面

来自分类Dev

使 Inno Setup 自动将自定义页面中的数据添加到 .inf 文件

来自分类Dev

将自定义 js 添加到特定的 prestashop 页面

来自分类Dev

从GitHub将自定义javascript函数添加到scala-js-example-app

来自分类Dev

从GitHub将自定义javascript函数添加到scala-js-example-app

来自分类Dev

将自定义语言添加到 GitHub 存储库

来自分类Dev

如何使用自定义表单(与任何模型无关)将自定义页面添加到django admin?

来自分类Dev

将自定义标头添加到“请求”

来自分类Dev

Hibernate将自定义前缀添加到目录

来自分类Dev

将自定义函数添加到类

来自分类Dev

将自定义键绑定添加到XCode

Related 相关文章

  1. 1

    无法将自定义字体添加到Xcode

  2. 2

    将自定义字体添加到GUI SWT

  3. 3

    将自定义字体添加到GUI SWT

  4. 4

    将自定义页面添加到Spartacus

  5. 5

    将自定义页脚添加到页面模板

  6. 6

    如何将自定义文件添加到自定义文章列表页面

  7. 7

    如何将自定义字体大小添加到QuillJS编辑器

  8. 8

    将自定义字体图标添加到视觉作曲家

  9. 9

    如何将自定义svg图标添加到Material UI字体图标?

  10. 10

    将自定义按钮添加到 CSS - Ionic 3 无法加载字体

  11. 11

    WooCommerce:将自定义模板添加到客户帐户页面

  12. 12

    WordPress-如何将自定义元框添加到特定的管理页面?

  13. 13

    Magento将自定义按钮添加到订单创建页面

  14. 14

    如何重定向到页面并将自定义标题添加到重定向

  15. 15

    将自定义CSS添加到使用WebView呈现的HTML页面中

  16. 16

    在Wordpress中将自定义CSS添加到页面模板

  17. 17

    如何将自定义的左链接模型添加到Wagtail管理页面

  18. 18

    将自定义字段添加到WooCommerce新帐户页面

  19. 19

    WooCommerce:将自定义模板添加到客户帐户页面

  20. 20

    使 Inno Setup 自动将自定义页面中的数据添加到 .inf 文件

  21. 21

    将自定义 js 添加到特定的 prestashop 页面

  22. 22

    从GitHub将自定义javascript函数添加到scala-js-example-app

  23. 23

    从GitHub将自定义javascript函数添加到scala-js-example-app

  24. 24

    将自定义语言添加到 GitHub 存储库

  25. 25

    如何使用自定义表单(与任何模型无关)将自定义页面添加到django admin?

  26. 26

    将自定义标头添加到“请求”

  27. 27

    Hibernate将自定义前缀添加到目录

  28. 28

    将自定义函数添加到类

  29. 29

    将自定义键绑定添加到XCode

热门标签

归档