Lobe Assets
🤯 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
https://npm.elemecdn.com/@lobehub/assets/webfonts/css/hack-nerd-font-mono.css
https://npm.elemecdn.com/@lobehub/assets/webfonts/css/harmonyos_sans.css
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