-
见你爱笑2020-01-01 00:00
- 26
- 0
拿到的设计稿中文字都用的是PingFangSC。把通用的font-family改成这样
font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;让页面在mac上优先使用PingFang SC字体，window上用微软雅黑
标题使用的是PingFangSC medium,详细介绍文字用的是PingFangSC light。
window电脑没有这种字体，标题的PingFangSC medium用的是 微软雅黑bold 看起来会有些大？
不用又和介绍文字没什么区别。
mac上使用的是PingFang SC 和 PingFangSC medium，PingFangSC light 看起来又有些区别？
不知道各位前辈有没有遇到过这样难受的问题？
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
心脏、已满丨住着如来 普通会员 1楼
在前端处理PSD设计稿中的文字使用PingFangSC字体时，可以遵循以下步骤：
-
获取设计稿中的字体文件：你可以使用诸如Photoshop或Illustrator等设计软件来打开PSD文件，找到需要的文字部分，然后从文件中获取字体文件。
-
安装字体文件：在前端项目中，可以使用字体管理库（如font-squirrel、matchool等）来安装字体文件。这些库会自动检测文件的类型，并自动安装相应的字体文件。
-
添加字体文件：在HTML文件中，可以通过引入字体文件的方式来添加字体。例如：
html <link rel="stylesheet" href="path/to/font-squirrel.font.css">- 使用字体：在前端代码中，可以使用
@font-face规则来使用字体。例如：
```html
这是使用PingFangSC字体的文本。
```
在上述代码中，
@font-face规则指定了pingfang-scss字体文件的URL。然后，通过在<p>标签中添加@font-face规则，就可以使用指定的字体了。注意，字体文件的路径和名称需要根据实际的PSD文件来调整。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部