pingfang - 腾讯云开发者社区

文章/答案/技术大牛

发布

苹果字体 PingFang SC 的一些踩坑记录

浏览器乱码出现这个的原因主要是站点使用了 PingFang SC 的字体设置。...PingFang SC 去掉后即可显示正常。...字体安装后不起作用这里就涉及一个萍方 vs 苹方 vs PingFang 区别的一个问题。猛地看上去，萍方/苹方/PingFang 应该是同一个字体。但是，实际上的效果，却并不相同。...那么，到底谁是真正的 pingfang sc呢？这里以能否以 PingFang SC 为名称识别出来，作为标准。为什么这么说呢？...在实际的应用过程中，只有安装好的 pingfang sc 系列字体才能被识别【如下图中的右侧字体】。注意：萍方/苹方，在安装的时候，文件名也都是 pingfang-sc 之类的文件名。

22.2K3 2

Flutter中文字体设置指南：打造个性化的应用体验

假设你已经有了一个字体文件（比如：PingFang-Regular.ttf），并将它放在了assets/fonts/目录下。.../PingFang-Regular.ttf - asset: assets/fonts/PingFang-Bold.ttf weight: 700 然后，我们可以通过...: TextStyle(fontFamily: 'PingFang', fontSize: 30, fontWeight: FontWeight.bold), headline2:...例如： Text( '这段文字使用了自定义字体', style: TextStyle(fontFamily: 'PingFang', fontSize: 18), ) 4....'PingFang' : 'NotoSansCJK', fontSize: 18, ), ) 解释：使用Platform.isIOS可以判断当前设备是否是iOS设备，如果是，就使用PingFang

1.5K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

从 JavaScript 到 TypeScript

1.5K3 0

手把手教你撸一个小程序带太阳码的海报分享

ctx.stroke(); // 绘制标题 ctx.setFillStyle('#333') // 文字颜色 ctx.font = `${32}px PingFang...= '折后 '; } let couponAmount = String(detail.couponAmount); ctx.font = '28px PingFang...56, 770 ); let offsetPriceIcon = ctx.measureText(priceIcon).width; ctx.font = '36px PingFang...=3) { ctx.font = '28px PingFang'; ctx.fillText(priceTail, (360 + offsetPriceIcon...); let offsetLinePriceIcon = ctx.measureText(linePriceIcon).width; ctx.font = '36px PingFang

2.6K2 0

基于TSUNG对MQTT进行压力测试-基础概念温习

p.p1 { margin: 0; font: 16px "PingFang SC Semibold"; color: rgba(238, 34, 12, 1); -webkit-text-stroke...color: rgba(0, 0, 0, 1); -webkit-text-stroke: #000000; min-height: 12px } p.p3 { margin: 0; font: 11px "PingFang...11px "Helvetica Neue"; color: rgba(0, 0, 0, 1); -webkit-text-stroke: #000000 } span.s1 { font: 16px "PingFang...查看socket发送缓冲区大小，cat /proc/sys/net/ipv4/tcp_wmem p.p1 { margin: 0; font: 16px "PingFang SC Semibold";...: none } span.s2 { font: 13.3px "PingFang TC"; font-kerning: none } span.s3 { font: 11px "Helvetica Neue

9811 0

微信小程序常用组件

`PingFang...255);">在奥运资格赛第三阶段结束后PingFang...不过这并不影响仍然力压，PingFang SC", "Hiragino Sans GB", "Microsoft...PingFang SC"...PingFang SC", "

1.2K1 0

Nginx 安装配置教程

{ margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; color: #454545 } span.s1 { font: 12.0px "PingFang...p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "PingFang SC"; color: #454545 } span.s1 { font:...{ margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; color: #454545 } span.s1 { font: 12.0px "PingFang.../configure p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "PingFang SC"; color: #454545 } ....make p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "PingFang SC"; color: #454545 } p.p2 { margin

9371 0

【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发

Free Friend', style: TextStyle( fontSize: 24.0, // 设置字体大小 fontFamily: 'PingFang...SC', // 设置字体为 PingFang SC ), ), centerTitle: true, // 居中标题 ), body:...TextStyle( color: Colors.white, fontSize: 32, fontFamily: "PingFang...', // style: TextStyle( // fontSize: 24.0, // 设置字体大小 // fontFamily: 'PingFang...SC', // 设置字体为 PingFang SC // ), // ), // centerTitle: true, // 居中标题 // )

5390 0

微信小程序：怎么设置字体？

今天做了一个傻的事情，在小程序加入了font-family: PingFangSC-Regular, PingFang SC;这行代码在电脑里面会正常显示，但是在手机里面不会变化的。...font-family: PingFangSC-Regular, PingFang SC; 如上设置，答案是没有一点效果的。因为真机调试的时候，手机是不带PingFang 字体的。

5.7K1 0

【2019秋PAT乙级真题】7-3 缘分数 (20 分)

include using namespace std; //a*a*a-(a-1)*(a-1)*(a-1)==(b*b+(b-1)*(b-1))*(b*b+(b-1)*(b-1)); int pingfang...[100000]; int main(){ for(int i=2;;i++){ int p=i*i+(i-1)*(i-1); if(p>100000){ break; } pingfang...int flag=0; for(int i=m;i<=n;i++){ int p=i*i*i-(i-1)*(i-1)*(i-1); int s=p; p=sqrt(p); if(pingfang...=0&&(sqrt(s)-p)<0.001){ flag=1; coutpingfang[p]<<endl; } }if(flag==0){ cout<<

5661 0

【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调

TextStyle( color: Colors.white, fontSize: 61.87, fontFamily: "PingFang...TextStyle( color: Colors.white, fontSize: 32, fontFamily: "PingFang...', // style: TextStyle( // fontSize: 24.0, // 设置字体大小 // fontFamily: 'PingFang...SC', // 设置字体为 PingFang SC // ), // ), // centerTitle: true, // 居中标题 // )...TextStyle( color: Colors.white, fontSize: 32, fontFamily: "PingFang

8071 0

Flutter 上默认的文本和字体知识点

会出现这个疑问，是因为有一天设计给我发了下面那张图，问我 “为什么应用在苹果平台上的英文使用的是 PingFang SC 字体而不是 .SF UI Display ” ？...的 defaultTextTheme、 defaultPrimaryTextTheme 和 defaultAccentTextTheme 中，所以应该是使用 .SF 相关字体才会，为什么会显示的是 PingFang..._(black, white, englishLike, dense, tall); } 为了搞清不同系统上字体的区别，在查阅了资料后可知：默认在 iOS 上：中文字体：PingFang....SF UI Display 默认在 Android 上：中文字体：Source Han Sans / Noto 英文字体：Roboto 也就是就 iOS 上除了 .SF 相关的字体外，还有 PingFang...getCopyTextStyle(TextStyle textStyle) { return textStyle.copyWith(fontFamilyFallback: ["PingFang

4.1K1 0

关于font-weight，你不知道的细节

解决方案1.更换字体如果浏览器自带的字体无法满足我们的要求，我们可以通过下载字体文件，寻找可以替换的字体，以PingFang SC来举例目前PingFang SC字体族提供了Thin，Ultralight...而PingFangSC-Regular（平方-简常规体）相当于PingFang SC字体族下面 400 的字重。...通过@font-face来实现@font-face { font-family: 'PingFang SC Regular'; src: url('...../assets/fonts/PingFang\ SC\ Regular.ttf');}2.

1.9K3 0

应用云开发copilot快速生成赛博木鱼

使用楷体 'Kaiti SC' 和现代字体 'PingFang SC'，无对应字体时备用 sans-serif。页面内容居中对齐，顶部为标题区，中央为木鱼点击区域，底部为提示文字，整体垂直分布。...计分器：显示分数，初始值为 0，字体大小 10vh，字体为 PingFang SC，加粗 900，垂直居中。描述文字：显示“功德”，字体大小 5vh，字体为 PingFang SC，居中对齐。...显示动态漂浮字幕“功德+1”，字体为 PingFang SC，大小 1.5em，位置从木鱼上方漂浮消失，动画时间 0.4s。点击后分数加 1，实时更新计分器内容。...background-color: #121212; color: #FFFFFF; font-family: 'Kaiti SC', 'PingFang

5191 1

DJANGO 学生管理系统项目创建流程

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 17.0px ".PingFang SC"; color: #454545 } p.p2 { margin:...font: 12.0px "Helvetica Neue"; color: #454545 } p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang...color: #454545; min-height: 14.0px } span.s1 { font: 17.0px "Helvetica Neue" } span.s2 { font: 12.0px ".PingFang...SC" } span.s3 { font: 12.0px "Helvetica Neue" } span.s4 { font: 24.0px ".PingFang SC" } span.Apple-tab-span

1.2K5 0

Flutter 小技巧之玩转字体渲染和问题修复

SC (繁体还有 PingFang TC 、 PingFang HK )英文字体：.SF UI Text / .SF UI Display默认在 Android 上：中文字体：Source Han...Sans / Noto英文字体：Roboto那这时候你可能会问：.SF 没有中文，那可以使用 PingFang 显示英文吗？...这时候 iOS 上的 PingFang 和 .SF 就不够用了，需要调用如 Apple SD Gothic Neo 这样的超集字体库，而说到这里就需要介绍一个 Flutter 上你可能会遇到的...临时解决小技巧也很简单：全局设置 fontFamilyFallback: ["PingFang SC"] 或者 fontFamily: 'PingFang SC' 就可以解决，又是 Fallback ，...因为 iOS 上中文就是 PingFang SC ，只要 Fallback 回 PingFang 就可以正常渲染，而这个问题在 Android 模拟器、iOS 真机、Mac 上等会出现，但是 Android

2.5K2 1

记录一次关于css font-weight引发的风波

解决方案 1.更换字体如果浏览器自带的字体无法满足我们的要求，我们可以通过下载字体文件，寻找可以替换的字体，以PingFang SC来举例目前PingFang SC字体族提供了Thin，Ultralight...而PingFangSC-Regular（平方-简常规体）相当于PingFang SC字体族下面 400 的字重。...通过@font-face来实现 @font-face { font-family: 'PingFang SC Regular'; src: url('...../assets/fonts/PingFang\ SC\ Regular.ttf'); } 2.

2.2K2 0

Angular DataGrid组件开发

25px; } .PageControlMidText { font-size: 22px; color: rgba(34, 128, 191, 1); font-family: PingFang...outline-style: none; background: transparent; border: 0px; font-size: 22px; font-family: PingFang...line-height: 100%; overflow: hidden; text-align: center; } .NoResultText { font-family: PingFang...line-height: 64px; } .CardText { color: rgba(180, 208, 232, 1); font-size: 22px; font-family: PingFang...line-height: 46px; text-align: center; flex: 1; } .TitleText { font-size: 22px; font-family: PingFang

1.5K3 0

打造前端 Deepin Linux 工作环境——系统更新以及配置字体

# 创建存放字体的文件夹 mkdir ~/.fonts/Apple # 将字体文件放到文件夹中，如果你不是我这个路径，请自行调整命令 mv ~/Download/PingFang.ttc ~/.fonts.../Apple/PingFang.ttc # 更新字体缓存 fc-cache # 查看一下，字体是否安装成功 fc-list | grep PingFang 设置系统默认字体点击状态栏设置图标，在弹出的设置面板中

4.9K6 0

Golang 高效实践之并发实践context篇

-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px '.PingFang SC'} p.p2 {margin: 0.0px 0.0px 0.0px...0.0px; font: 12.0px 'Helvetica Neue'} span.s1 {font: 12.0px 'Helvetica Neue'} span.s2 {font: 12.0px '.PingFang...-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'} span.s1 {font: 12.0px '.PingFang...-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'} span.s1 {font: 12.0px '.PingFang...-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'} span.s1 {font: 12.0px '.PingFang

1K3 0

点击加载更多

苹果字体 PingFang SC 的一些踩坑记录

Flutter中文字体设置指南：打造个性化的应用体验

从 JavaScript 到 TypeScript

手把手教你撸一个小程序带太阳码的海报分享

基于TSUNG对MQTT进行压力测试-基础概念温习

微信小程序常用组件

Nginx 安装配置教程

【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发

微信小程序：怎么设置字体？

【2019秋PAT乙级真题】7-3 缘分数 (20 分)

【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调

Flutter 上默认的文本和字体知识点

关于font-weight，你不知道的细节

应用云开发copilot快速生成赛博木鱼

DJANGO 学生管理系统项目创建流程

Flutter 小技巧之玩转字体渲染和问题修复

记录一次关于css font-weight引发的风波

Angular DataGrid组件开发

打造前端 Deepin Linux 工作环境——系统更新以及配置字体

Golang 高效实践之并发实践context篇

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐