更新文档

This commit is contained in:
zixu 2024-08-28 20:40:23 +08:00
parent ad6d3b4649
commit b50f9e2423
3 changed files with 30 additions and 58 deletions

View File

@ -1,21 +1,20 @@
# FROM scratch
# WORKDIR /home/
# COPY dist_backend/app.lrt /home/app.lrt
# COPY llrt2 /home/llrt
# COPY dist/ /home/dist/
# EXPOSE 80
# CMD ["/home/llrt", "/home/app.lrt"]
FROM scratch
WORKDIR /home/
COPY dist_backend/app.lrt /home/app.lrt
COPY llrt /home/llrt
COPY dist/ /home/dist/
CMD ["/home/llrt", "/home/app.lrt"]
# FROM busybox
FROM busybox
WORKDIR /app/
COPY tjs /app/tjs
RUN chmod +x /app/tjs
COPY dist_backend/app.cjs /app/app.cjs
COPY dist/ /app/dist/
CMD ["./tjs","run","./app.cjs"]
# FROM busybox
# WORKDIR /app/
# COPY tjs /app/tjs
# RUN chmod +x /app/tjs
# COPY dist_backend/app.cjs /app/app.cjs
# COPY dist/ /app/dist/
# CMD ["./tjs","run","./app.cjs"]
# docker tag llej0/web-font:latest llej0/web-font:latest
# docker push llej0/web-font:latest

View File

@ -3,7 +3,7 @@
之前的版本请查看 master 分支,为了能使用 llrt ,我进行了重写,之后只维护此分支
![](./doc/启动内存占用.png) llrt 超低的启动内存占用
虽然 llrt 内存占用低,但它运行速度慢,只能到node的1/2。有运行速度要求的建议使用node/bun运行
虽然 llrt 内存占用低,但它运行速度慢,到node的1/2。有运行速度要求的建议使用node/bun运行
## 起因
@ -15,46 +15,27 @@ ui 需要展现一些特定的字体,但直接引入字体包又过大,于
## 目的与功能
1.裁剪字体包使其仅包含选中的字体
例如 如下图生成的字体包仅包含 「天地无极乾坤借法」 ![界面预览](./doc_img/页面截图.jpg)
<video src="./doc_img/功能演示.mkv" controls="controls" width:100% height:auto></video>
其体积自然十分之小
![体积展示](./doc_img/体积展示.jpg)
1.裁剪字体包使其仅包含选中的字体,其体积自然十分之小
2.另外可以生成 css 直接复制可用,部署在公网便可永久访问
例如
```css
@font-face {
font-family: "QIJIC";
src: url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐伋复刻体.eot"); /* IE9 */
src: url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐伋复刻体.eot?#iefix") format("embedded-opentype"),
/* IE6-IE8 */ url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐伋复刻体.woff") format("woff"),
/* chrome, firefox */ url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐伋复刻体.ttf")
format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐伋复刻体.svg#QIJIC") format("svg"); /* iOS 4.1- */
font-style: normal;
font-weight: normal;
}
```
3.将 ttf 的字体包放置在 ./asset/font_src/ 目录下自然可以检测到新的可用字体,无需重启服务
![路径预览](./doc_img/路径展示.jpg)
4.提供 zip 的整体下载方案
![下载展示](./doc_img/下载展示.jpg)
## 安装与使用
### 使用 node / tjs / llrt 等运行时
拉取项目,并将字体文件放到项目内的 font 目录下,然后运行:
pnpm install && pnpm build && pnpm build_backend
node ./dist_backend/app.cjs
llrt ./dist_backend/app.cjs
tjs run ./dist_backend/app.cjs
### 使用 docker 安装
此镜像使用 llrt 运行时
https://hub.docker.com/repository/docker/llej0/web-font 很小的包体积 ![alt text](doc/image.png)
docker compoose.yml
@ -78,14 +59,6 @@ services:
其中 font 目录替换成你的字体文件存放目录
### 使用 node 等运行时
拉取项目,并将字体文件放到项目内的 font 目录下,然后运行:
pnpm install && pnpm build && pnpm build_backend && node ./dist_backend/
## 提供的服务
## 鸣谢

View File

@ -1,12 +1,12 @@
{
"name": "webfont",
"private": true,
"version": "1.0.1",
"version": "1.0.2",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"build_backend": "tsup && ./llrt2 compile ./dist_backend/app.cjs ./dist_backend/app.lrt",
"build_backend": "tsup && ./llrt compile ./dist_backend/app.cjs ./dist_backend/app.lrt",
"docker_build": "docker build -t llej0/web-font:${npm_package_version} -t llej0/web-font:latest .",
"docker_push": "docker push llej0/web-font:${npm_package_version} && docker push llej0/web-font:latest",
"preview": "vite preview"