Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

关于所有文字显示问题的回答 #299

Open
ZipCz opened this issue May 16, 2024 · 2 comments
Open

关于所有文字显示问题的回答 #299

ZipCz opened this issue May 16, 2024 · 2 comments

Comments

@ZipCz
Copy link

ZipCz commented May 16, 2024 •
edited

问题描述

3bdeb03b43f3e7d9e4f327356fceff67

一、在 控制台 安装字蛛（font-spider）（需要安装nodejs）

npm install font-spider -g

二、新建文件

在你的电脑中新建一个文件夹，在文件夹中新建两个文件第一个1.html，第二个font.css。

（一）新建1.html

<html>
    <head>
          <link rel="stylesheet" href="font.css">
    </head>
    <body>
          <!-- 填写要保留的文字-->
          <p class="ttf">16a4cnOopswWcdeirstvyHSW</p>
    </body>
</html>

（二）新建 font.css

@font-face {
  font-family: 'sf-pro-text_regular';
  /* src引入需要精简的ttf字体文件 */
  src: url('./Pacifico-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "sf-pro-text_regular";
}
.ttf {
  font-family: 'sf-pro-text_regular';
}

三、修改文件内容

1. 修改 src 引入需要精简的ttf字体文件名

例：src: url('./Pacifico-Regular.ttf') format('truetype');

2.直接将Pacifico-Regular.ttf放入根目录即可

3.修改1.html 中要保留的文字

例：<p class="ttf">16a4cnOopswWcdeirstvyHSW（这里就是需要保留的文字）</p>

四、在控制台 执行字蛛

font-spider 1.html

五、其他说明

特别注意：根目录 .font-spider 为原始备份文件

1. imsyy主页项目，目录中的 Pacifico-Regular-all.ttf 是全部的字体文件。

2. （本文第三项 - 第3条中）16a4cnOopswWcdeirstvyHSW 这一段要保留的字体要全部包含你网站中需要修改的字体。

说明：首页显示为6a4，则上方需要包含。反之则不需要包含在内。

3.若不想使用字蛛请直接将 Pacifico-Regular-all.ttf 重命名为 Pacifico-Regular.ttf 即可

补充信息

No response
@imsyy
Copy link
Owner

imsyy commented May 17, 2024

感谢大佬的讲解 😍

@imsyy imsyy pinned this issue May 17, 2024
@imsyy
Copy link
Owner

imsyy commented May 17, 2024

还可参考这里 #103

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ZipCz @imsyy