Comments (5)
Font awesome is supported in 1.7.0.
See https://vuepress-theme.mrhope.site/guide/feature/icon/
from vuepress-theme-hope.
Hi there, after a few days I realise that there is still another bug (I'm still using FontAwesome)
As you see in the picture below, the icon next to Account rendered different from the original.
Other icon next to Cat, Tags, Timeline have the same issue. They look transparency. I've taken a look and finally realise that sth change from the solid style into regular style (change solid into transparency and add border). Because the fas fa-tag
, fas fa-th-large
, fas fa-history
are 100% solid so they become completely transparency. Would you mind have a look at this? Thanks
from vuepress-theme-hope.
Got it, font-weight: 400
is inflecting the apprence:
from vuepress-theme-hope.
Well, there is a document about font-weight:
https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
from vuepress-theme-hope.
Well, there is a document about font-weight:
https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
The problem is that while fontawesome is changing font-weight in different types, iconfont is not setting it's font-weight. But iconfont icons do need a normal(400) font weight to make the icon appearance right. Tags like h1 and other classes in theme have different font-weight, which will affect the icon appearance, that's why I set a default font-weight: 400
( the same as font-weight: normal
) to the icon in order to ensure the icons have the correct appearance.
I am hoping that the icon class user added have a higher priority. But I forgot users are adding a css link to the final css which will make the classes have a lower priority, which is not what I am expected.
I didnot catch up with a better solution.
Either I remove that style and let all the iconfont users to add that style in their index.styl, or I remain the style and let all the fontawesome users to add the style I list above. It's kind of document thing.
Since more users are using iconfont, I am going to remain the style, and metion users to add extra style when using fontawesome in docs.
If you have any ideas improving the situation, welcome to reply.
from vuepress-theme-hope.
Related Issues (20)
- [Feature Request] Remove theme transition
- [Feature Request] 能否把`@mdit/plugin-container`中的`marker`选项添加到`MdEnhance 插件`配置中 HOT 1
- 代码块有没有可能折叠?[Feature Request] HOT 2
- [Bug]设置 必应壁纸 或 一言描述 后,运行 pnpm run docs:dev 报错 HOT 2
- [Bug] The jsonLd argument of SeoOptions is mismatched with the documentation
- [Bug]侧边栏布局问题 HOT 4
- [Bug] ERROR: No loader is configured for ".vue" files HOT 1
- [Feature Request] Can add a function to support one -click configuration summary? HOT 6
- [Feature Request]search-pro在配合全局加密时,search-pro.worker.js会暴露出内容,希望可以加密一下索引。
- 做一个内容容器,类似于提示容器 HOT 3
- [Bug]全屏按钮设置不生效 HOT 1
- [Bug] 评论插件好像坏了 giscus 报 403 HOT 4
- [Feature Request] Support license in frontmatter for copyright2 in theme
- [Bug] navbar can't scroll if window is narrow HOT 1
- [Feature Request] 将 “star” 翻译为 “星标” HOT 2
- [Feature Request] markdown 文件引入 HOT 2
- [Feature Request] Add reading-time2 demo website
- [Feature Request] 添加水印预设
- [Bug] 左上角logo处在无障碍下检测出 图片元素缺少 [alt] 属性 HOT 1
- [Feature Request] 支持通过 props 传入 `<Breadcrumb>` 配置 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuepress-theme-hope.