HCLonely/hexo-theme-webstack

部分fa字体的图标无法显示或不能正常显示

b2cstory opened this issue · 17 comments

请问有解决的方法嘛?感激不尽!

自行添加相应的css链接即可

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" type="text/css" href="custom.css">

自行添加相应的css链接即可

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" type="text/css" href="custom.css">

谢谢回复,可是这个字体是项目里自带的,我看了一下已经添加了对应的css链接了呀。
iShot2022-04-09 22 11 13

项目里自带的是5.13免费版的,如果你是用了其他版本的图标就不能正常显示

项目里自带的是5.13免费版的,如果你是用了其他版本的图标就不能正常显示

谢谢,我想我找到问题所在了,原来是有 fas fab 和 far 三个 css 的,我一开始以为只有 fas 这一个,现在可以正常显示啦!

自行添加相应的css链接即可

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" type="text/css" href="custom.css">

很奇怪,我尝试在css里面添加,但是好像没有生效

https://github.com/HCLonely/hexo-theme-webstack/blob/master/_config.example.yml#L117-L126

我感觉是这个Object有指定什么值……

https://github.com/HCLonely/hexo-theme-webstack/blob/master/layout/common/head.ejs#L10

自行添加相应的css链接即可

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" type="text/css" href="custom.css">

很奇怪,我尝试在css里面添加,但是好像没有生效

https://github.com/HCLonely/hexo-theme-webstack/blob/master/_config.example.yml#L117-L126

我感觉是这个Object有指定什么值……

https://github.com/HCLonely/hexo-theme-webstack/blob/master/layout/common/head.ejs#L10

你怎么添加的?

  fontawesome: /css/fonts/fontawesome/css/all.min.css
  fontawesomea: /css/fonts/fontawesome/css/font-awesome.min.css

还是图标问题,我直接下载了新的,想把它也直接引入,但是没有生效。

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">

刚试了下,这个好像也引入不了。
直接在head.ejs 添加就可以

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">

刚试了下,这个好像也引入不了。 直接在head.ejs 添加就可以

把原来的那行css注释掉

额,刚看了下主题版本,是1.1.1,又看了下更新记录,是2年前(老粉无疑😘),不排除是旧版的bug。
哎,版本差别有点大,自己好像又改了点东西,感觉要升级好像工作量有点大啊😱

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">

刚试了下,这个好像也引入不了。 直接在head.ejs 添加就可以

把原来的那行css注释掉

额,这个其实也试过,因为这个版本好像是改过的,如果只引入font-awesome有些图标会显示不了……

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">

刚试了下,这个好像也引入不了。 直接在head.ejs 添加就可以

把原来的那行css注释掉

额,这个其实也试过,因为这个版本好像是改过的,如果只引入font-awesome有些图标会显示不了……

这两个换一下顺序

额,发现一个更离谱的事情

css:
  hclonely: /css/hclonely.css

删除这样,其他照样能出来(清缓存不管用,换另一个浏览器也照片)
image

我测试正常,你hexo clean了吗

有的,所以离谱啊

有的,所以离谱啊

那可能是之前版本遗留的BUG吧,反正我用最新版测试正常

有的,所以离谱啊

那可能是之前版本遗留的BUG吧,反正我用最新版测试正常

嗯嗯,谢谢啦