@lobehub/assets

Lobe Assets

Logo assets, favicons, webfonts for LobeHub

Changelog · Report Bug · Request Feature

Table of contents

TOC

• 📦 Installation
• ⌨️ Local Development
• 🤝 Contributing

🤯 Logos

Logo 3D	Logo Flat	Logo High Contrast	Logo Text
webp	svg	svg	svg

💞 Favicons

This package was generated with RealFaviconGenerator v0.16

Insert the following code in the head section of your pages:

<link rel="apple-touch-icon" sizes="180x180" href="https://npm.elemecdn.com/@lobehub/assets/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://npm.elemecdn.com/@lobehub/assets/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://npm.elemecdn.com/@lobehub/assets/favicons/favicon-16x16.png" />
<link rel="manifest" href="https://npm.elemecdn.com/@lobehub/assets/favicons/site.webmanifest" />
<link rel="mask-icon" href="https://npm.elemecdn.com/@lobehub/assets/favicons/safari-pinned-tab.svg" color="#000000" />
<meta name="apple-mobile-web-app-title" content="LobeHub" />
<meta name="application-name" content="LobeHub" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="theme-color" content="#000000" />

Optional - Check your favicon with the favicon checker

🔤 Webfonts

Hack Nerd Font Mono

https://npm.elemecdn.com/@lobehub/assets/webfonts/css/hack-nerd-font-mono.css

HarmonyOS Sans

https://npm.elemecdn.com/@lobehub/assets/webfonts/css/harmonyos_sans.css

HarmonyOS Sans SC

https://npm.elemecdn.com/@lobehub/assets/webfonts/css/harmonyos_sans_sc.css

File tree

css/···································（样式表目录）
├── hack-nerd-font-mono.css············（Hack Nerd Font Mono 字体样式表）
├── harmonyos-sans.css·················（HarmonyOS Sans 字体样式表）
├── harmonyos-sans-sc.css··············（HarmonyOS Sans SC 字体样式表）
fonts/·································（字体目录）
├── Nerdfont···························（Nerd Font 字体目录）
├── HarmonyOS_Sans·····················（HarmonyOS Sans 字体目录）
├── HarmonyOS_Sans_Italic··············（HarmonyOS Sans 字体目录）
└── HarmonyOS_Sans_SC··················（HarmonyOS Sans SC 字体目录）

Font style:

HarmonyOS_Sans_*/······················（字体目录）
├── *_Black.*··························（字重 900 的粗体）
├── *_Bold.*···························（字重 700 的粗体）
├── *_Light.*··························（字重 300 的细体）
├── *_Medium.*·························（字重 500 的标准体）
├── *_Regular.*························（字重 400 的标准体）
├── *_Thin.*···························（字重 100 的细体）
├── *.eot······························（支持 IE6-IE8、IE9+ 兼容模式的字体格式）
├── *.svg······························（支持旧版 iOS 的字体格式）
├── *.ttf······························（支持 Safari、Android、iOS 的字体格式）
├── *.woff·····························（支持现代浏览器的字体格式）
└── *.woff2····························（支持高版本现代浏览器的字体格式）

⌨️ Local Development

You can use Gitpod for online development:

Or clone it for local development:

$ git clone https://github.com/lobehub/lobe-assets.git
$ cd lobe-assets
$ pnpm install
$ pnpm start

🤝 Contributing

🔗 Credits

• real-fav-icon: https://realfavicongenerator.net/
• harmonyos-fonts: https://github.com/IKKI2000/harmonyos-fonts

---

📝 License

Copyright © 2023 LobeHub.
This project is MIT licensed.