首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter 上字体另类玩法:FontFeature

image 我们知道 Flutter 默认 Android 上使用Roboto 字体,而在 iOS 上使用是 SF 字体,但是其实 Roboto 字体也是分很多类型,比如你去查阅手机 system...Features 都是一样,比如 iOS 上支持 sups 上标显示和 subs 下标显示,但是 Android 上 Roboto 并不支持,甚至很多第三方字体其实并不支持 Features...当然,前面我们说了那么多,主要是针对英文情况下,而在中文下还是有差异,之前文章也介绍过: 默认 iOS 上: 中文字体:PingFang SC 英文字体:.SF UI Text 、.SF...UI Display 默认 Android 上: 中文字体:Source Han Sans / Noto 英文字体Roboto 例如,苹果上简体中文其实会是 PingFang SC...当然后续 #16709 修复了这个问题 ,而在以前文章我也讲过,当时我遇到了 “Flutter iOS 系统上,系统语言是韩文时,和中文一起出现会导致字体显示异常" 问题 : image.png

1.5K20

fonts.googleapis.com访问太慢导致站点加载很慢

虽然最后能看到网站,但实际上谷歌字体依然加载失败了,这个体验就非常差劲了。 解决方法 实际上这个谷歌字体是可以不需要去访问,当然有强迫症可以靠访问国外网站等某些操作来达到快速加载目的。...方法一 使用360提供cdn,将需要加载谷歌字体url放到360Google 字体库搜索,会得到一串css代码,将代码拷贝到一个css文件中然后站点直接引入该css文件即可。...family=Roboto+Mono|Source+Sans+Pro:300,400,600这个谷歌字体,那么前往360Google 字体库搜索得到如下代码: 1 2 3 4 5 6 7...*/ } 将其拷贝到新建css文件fonts.css中,然后站点引入该css文件: 1 方法二 跟方法一是一回事...甚至还可以将css文件里字体文件woff或者ttf等下载下来,然后把css代码里字体文件链接全改为本地字体文件,之后依然是站点中引入css文件即可。

3.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

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

通过官方解释, typography.dart 源码中可以看到, Flutter 默认 Android 上使用Roboto 字体 iOS 上使用是 .SF UI Display 或者...image 那理论上 iOS 使用就是 .SF UI Display 字体才对,因为如下源码所示, Typography 中当 platform 是 iOS 时,使用就是 Cupertino..._(black, white, englishLike, dense, tall); } 为了搞清不同系统上字体区别,查阅了资料后可知: 默认 iOS 上: 中文字体:PingFang...SC 英文字体:.SF UI Text 、.SF UI Display 默认 Android 上: 中文字体:Source Han Sans / Noto 英文字体Roboto 也就是就 iOS...按照官方说法: 使用 Material package 时, Android 上使用是 ·Roboto font· ,而 iOS 使用是 San Francisco font(SF) ; 使用

3.2K10

前端基础知识概述 -- 移动端开发屏幕、图像、字体与布局兼容适配

San Francisco Fonts  iOS 系统上用于替代升级另外一款西文字体 Helvetica Neue。Apple 做了一些重要改变,使其成为平台上更好, 甚至是完美的西文字体。...Roboto Roboto 是为 Android 操作系统设计一个无衬线字体家族。Google 描述该字体为“现代、但平易近人”和“有感情”。...; } system-ui,使用各个支持平台上默认系统字体 -apple-system, 一些稍低版本 Mac OS X 和 iOS 上,它针对旧版上 Neue Helvetica 和 Lucida...ui, Windows 及 Windows Phone 上选取系统默认字体 Roboto,面向 Android 和一些新版 Chrome OS Helvetica,Arial,针对不同操作系统不同平台设定采用默认系统字体后...布局发展历程 简单来说,前端布局发展历程经历了下面几个过程: 表格布局 --> 定位布局 --> 浮动布局 --> flexbox布局 --> gridbox布局 每一种布局特定时期都发挥了重要作用

3K32

Material design无需照搬Google

构成这种渐变色彩来源于material配色,但我们以一种Google没有的方式进行混合。然后我们给悬浮操作按钮加了一定程度透明。不过信封翻折处仍然有浓厚阴影。...通过创造和统一使用他们Android预留字体,Droid Sans和Serif,如今则是Roboto和Noto,他们不仅创造了清晰界面,也强调了品牌。...于是我们选了Avenir字体,另一种跨界字体,它源于无装饰Futura字体,但融入了更多人文主义曲线。不像Roboto或Apple挚爱Helvetica,它不是混搭字体。...交互效果与动画要对你app有意义,有助于融入Android(或iOS)生态系统,能够打造最佳用户体验。...时刻围绕自己平台很需要精力——这就是为什么我们设置中iOS开关、切换项上稍微卡住了一会儿,为了保持material感觉。

1.1K60

iOS13 各版本固件下载地址以及更新方法

2019-06-04 发表 apple 3481 iOS13本次更新: iOS13 developer beta ①Face id 解锁速度增加30% ②App打开速度快三倍 ③黑暗模式...占用内存降低60% ①⓪Safari支持下载文件 ①①音量设计改变 支持机型:SE.6s-XsMax(以及iPod touch7) 本次更新仅支持线刷 iPadOS(单独列出为iPad系统) ❶支持下载自选字体...版 下载链接 iPhone XS Max iOS 13.0(17A5492t) 下载 iPhone XS iOS 13.0(17A5492t) 下载 iPhone XR iOS 13.0(17A5492t...) 下载 iPhone X. iOS 13.0(17A5492t) 下载 iPhone 8 iOS 13.0(17A5492t) 下载 iPhone 8 Plus iOS 13.0(17A5492t)...) 下载 iTunes补丁 下载 以上固件下载了,还需要一步Mac电脑,如果macOS不是10.15 需要安装一个iTunes补丁 如有疑问请加入iOS13交流群咨询 iOS13交流群群号:258621773

13.3K10

Web 字体 font-family 再探秘

随着 iOS 9 更新面世, WatchOS 中随 Apple Watch 一起悄然发售,并且还将在 Apple TV 上新 tvOS 中使用。...San Francisco Fonts  iOS 系统上用于替代升级另外一款西文字体 Helvetica Neue。Apple 做了一些重要改变,使其成为平台上更好, 甚至是完美的西文字体。...Roboto Roboto 是为 Android 操作系统设计一个无衬线字体家族。Google 描述该字体为“现代、但平易近人”和“有感情”。...; } system-ui,使用各个支持平台上默认系统字体 -apple-system, 一些稍低版本 Mac OS X 和 iOS 上,它针对旧版上 Neue Helvetica 和 Lucida...ui, Windows 及 Windows Phone 上选取系统默认字体 Roboto,面向 Android 和一些新版 Chrome OS Helvetica,Arial,针对不同操作系统不同平台设定采用默认系统字体

2.3K10

小谈中文环境下中文排版font-family 字体选择

开发Mindia 主题时候,为了弄出相对好看中文排版,特意补习了下中文排版font-family 字体选择相关资料。以下就从自己角度说下自己不算得上是收获收获吧。...众所周知,由于Windows 与其他平台(Mac、Linux)不通用性,字体渲染等问题导致面对中文用户时候不得不多重考虑;加之中文字体相对于英文字体目前仍然无法采用webfont形式劣势以及目前移动设备盛行...,使得我们大呼坑爹同时不得不忍受并适应之。...老掉牙东西 进入正文之前,一些font-family 旧知识(规则)还是要复习下几点,比如说: 1、中文字体有英文名称,但建议是中英文名称都写上。...各平台主流字体支持情况 各系统默认字体和常用字体: 系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体 Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia

2.2K100

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

一、字体库首先,问一个我经常问面试题:Flutter Android 和 iOS 上使用了哪些字体?...如果你恰好看过 typography.dart 源码和解释,你可以会有初步结论:Android 上使用Roboto 字体iOS 上使用是 .SF UI Display 或者 .SF UI Text...)英文字体:.SF UI Text / .SF UI Display默认 Android 上:中文字体:Source Han Sans / Noto英文字体Roboto那这时候你可能会问:.SF...答案是不行,因为正常情况下如下图所示 ,有些字体某些 Weight 下是没有对应支持,例如 Roboto 没有 w600PingFang 没有高于 w600 那你可能好奇,为什么这里要特意介绍...添加 Fallback 之后效果如上图左侧所示, 那 Fallback 作用是什么?

1.5K21

【CSS】955- 你该知道字体 font-family

随着 iOS 9 更新面世, WatchOS 中随 Apple Watch 一起悄然发售,并且还将在 Apple TV 上新 tvOS 中使用。...San Francisco Fonts iOS 系统上用于替代升级另外一款西文字体 Helvetica Neue。Apple 做了一些重要改变,使其成为平台上更好, 甚至是完美的西文字体。...Roboto Roboto 是为 Android 操作系统设计一个无衬线字体家族。Google 描述该字体为“现代、但平易近人”和“有感情”。...; } system-ui,使用各个支持平台上默认系统字体 ``-apple-system`, 一些稍低版本 Mac OS X 和 iOS 上,它针对旧版上 Neue Helvetica 和 Lucida...ui, Windows 及 Windows Phone 上选取系统默认字体 Roboto,面向 Android 和一些新版 Chrome OS Helvetica,Arial,针对不同操作系统不同平台设定采用默认系统字体

3.4K20

IOS开发之尺寸

2或者除以3进行赋值给frame,这其中原因是因为标注一般都是按px格式给,但是iOS底层绘制时候是按照pt为单位进行绘制,这两个区别在于: px就是表示pixel,像素,是屏幕上显示数据最基本点...目前iOS手机屏幕分辨率随着机型变化样一直变化,那么我们在做开发时要如何做好适配呢?这就需要我们了解更多关于iOS开发过程中尺寸相关一些知识了。...414 x 896 828 x 1792 @2x 326 iPhone XR Max 6.5-inch 414 x 896 1242 x 2688 @3x 458 2.iPhone手机宽高 上表中宽高...从iPhone5(s)发展到iPhone6(+),由于高宽比保持不变,iOS对图标、图片、字体进行等比放大自适应,清晰度会有所降低。同时,绝对坐标布局会导致大屏下出现偏左偏上问题。...(3)按字体适配 另外,iPhone【设置】【通用】【辅助功能】中可以设置调节【更大字体】,APP也可以按字号适配:     例如适配表视图(UITableView:UIScrollView),无法左右滑动

2.9K40

设计师会编程、程序员懂艺术之设计规范

因此正确算法是iPhone4,5,6=@2x, iPhone6Plus=@3x iPhone主要分辨率: 320x480pt(4) 320x568pt(5) 375x667pt(6) 414x736pt...PPI(DPI): pixel(dot)per inch,每英寸像素(点)数,是一个率,表示了“清晰度”,“精度”; 电子设备DPI,一般为96 Photoshop中,设置一个图片中某个艺术效果字体是...字体家族font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica,...,来维护不同平台以及浏览器显示下字体始终保持良好易读性和可读性 关于字体大小,IBM给了一个原则,就是把16px(1em)作为基准,选取一个比例,比如 1.618:Golden Ratio 5/4...2.7 动画 也叫动效设计,主要起到过渡、增强示意、改善感知、加强层级空间作用。 ? 3、自己动手开发一个从网页自动生成设计规范功能 上文提到2个网页,实现并不完美。

1.1K60

iOS安全之防止手机截屏录屏导致泄密方案: iOS11之后防止用户录屏方案、基于DRM防截屏录屏

,建议您删除》 局限性:无法禁止截屏内容 因此需要配合其他方案:比如尝试删除本地相册方案,但是此方案也有如下几个局限性 1、新系统上可能会由于权限问题无法满足需求(这样做太过分,操作用户数据) 2...)移动设备管理,目的就是让企业能够方便管理 iPhone、Pad等移动设备。...具体做法:是通过系统中安装配置文件(Profiles)方式实现各种功能,设备管理,设备安全,获取设备信息,设备配置,备份和恢复等几类功能,可以根据不同应用场景实现很多具体小功能 iOS配置描述文件包含选多可以指定设置...Advanced cellular network settings 高级蜂窝网络设置 安装自定义字体:允许整个系统安装新字体(例如, Pages 或 Keynote 被使用) 作为开发者,我们总是会想得到更多许可和空间...,在当前页面添加一层高斯模糊,应用重新进入前台时,删除模糊效果 iOS13之前AppDelegate模糊背景图片 往window添加UIToolbar 视图

12.3K50

双管齐下:同时设计 iOS 和 Anroid

了解另外一种系统 你很可能有自己更加喜欢一个系统,像我一直使用 iPhone,所以我可能对 iOS UI 样式有更多了解。...iPhone 上则没有这样一个按钮,所以需要有一种方式能够让用户回到先前屏幕。通常解决方案是屏幕左上角放置一个返回键。 3....排版 iOS 系统上默认字体是 Helvetica Neue, Android 上则是 Roboto。尽管这两种字体在外观上有显著差异,但是这两个字体尺寸却是近乎相同。...如果你想要在设计时候节省时间,那么用一款字体就可以,但是要和开发人员沟通不同平台上使用对应字体。而在设计重要布局结构和使用大号字体时,我建议你还是同时用这两种字体测试效果。...比如如下几条: Android MD 设计需要用到更多空格来进行布局 MD 中字体大小变化会更加多样 iOS 上,字体没那么多大小差异,但是字体重量上(Font weight)有更多变化

1.3K50

iOS安全测试-KeyChain

Keychain简介 根据苹果介绍,iOS设备中Keychain是一个安全存储容器,可以用来为不同应用保存敏感信息比如用户名,密码,网络密码,认证令牌。...获取Keychain数据 iOS越狱 需要获取keychain数据文件必须要越狱,iOS越狱教程请根据自己系统版本来选择:爱思越狱教程 越狱之前切记备份重要资料,最好不要使用自己日常使用设备越狱。...OpenSSH 越狱成功之后需要安装OpenSSH工具,iOS设备其实就是一个小型Unix系统,由于苹果封闭性,不越狱手机上,我们能操作东西很少。...如果想在ios设备上,通过pc直接执行shell命令,可以ios设备(已越狱)上安装openssh服务器,通过pcssh连接过去。 打开Cydia直接搜索OpenSSH安装。.../ drwxr-xr-x 2 root wheel 64 Feb 27 2008 Media/ KeyChain数据库 所有存储KeyChain中数据,实际上是保存在一个keychain-2

1.5K40

iOS 16.1重磅来袭!全机型更新拍照、灵动岛和电池百分比显示

---- 新智元报道 编辑:昕朋 【新智元导读】经过多个测试版本,苹果公司终于10月25日向果粉们推出了iOS/iPadOS 16.1 正式版。...这次版本带来许多全新功能,可谓iOS「史诗级更新」。 25日凌晨,苹果公司终于发布了iOS 16.1正式版。...iCloud共享照片图库,让拍照更亲密 iOS 16.1首先值得说道,就是它推出新功能:iCloud共享照片图库。16.1版本下,用户可以创建共享照片图库,邀请最多5名成员共享该库。...全机型支持电池百分比显示,缓解电量焦虑 通过本次版本更新,此前不能显示电量百分比四款全面屏手机:iPhone XRiPhone 11、iPhone 12 mini、iPhone 13 mini,已全部支持电量百分比显示...同时,iOS 16.1改进了之前较不明显电量图案,略微增加了字体大小,充电时无需解锁就能看到现在手机已有电量百分比。 这个升级虽然不是什么大新闻,但对于电量焦虑用户来说,可谓是一场及时雨。

76930

iPhone 检测 iPhone X 设备几种方式和分辨率终极指南

文章目录 iPhone 屏幕分辨率终极指南 适配新 iPhone X 设备 检测 iPhone X/XS/XR 设备几种方式 方式一:通过获取设备 device model 来判断 方式二:通过获取屏幕宽高来判断...iPhone X/XS 屏幕宽度(开发尺寸)与 4.7 英寸 iPhone 8 相同,都为 375pt,只是高度上增加了 145pt; iPhone XRiPhone XS Max 屏幕宽度...---- 适配新 iPhone X 设备 此外,我们发现,对于未进行新屏幕尺寸适配工程,直接编译,新设备 iPhone XRiPhone XS Max 上运行,它们是以放大模式自动适配(以...---- 检测 iPhone X/XS/XR 设备几种方式 最后,我们如何在代码中判断当前设备是否为 iPhone X 呢?...,苹果在 iOS 11 上引入安全区域概念,建议开发者安全区域内进行 UI 布局,因此我们可以获取屏幕 keyWindow safeAreaInsets 值来判断设备是否 iPhone X。

1.2K20

iOS安全测试—dumpdecrypted脱壳

经过App Store加密应用,我们无法通进行反编译静态分析,逆向分析过程中需要对加密二进制文件进行解密才可以进行静态分析,这一过程就是所谓脱壳(砸壳)。...iOS脱壳工具目前主要有一下3种: Clutch dumpdecrypted frida-ios-dump 由于Clutch脱壳不太稳定,frida-ios-dump环境配置比较复杂,所以本文以dumpdecrypted...脱壳环境 iPhone 6 iOS 11.4.1 dumpdecrypted 下载安装 下载地址:https://github.com/stefanesser/dumpdecrypted 下载后打开终端进入该砸壳工具路径...远程连接手机,设备上打开要脱壳应用,本文以微信为例。 dumpdecrypted文件拷贝 远程SSH连接设备将签名之后dumpdecrypted.dylib拷贝到设备/usr/lib目录。...DYLD_INSERT_LIBRARIES=/usr/lib/dumpdecrypted.dylib 可执行文件路径(即之前获取到Bundle路径) 脱壳过程如下: klygteki-iPhone

1.4K21
领券