前言现如今移动设备分辨率不胜枚举,传统的标量图标要分别导出 1 倍图、2 倍图、3 倍图等以适应高分辩率设备。这无疑大大增加了设计师和客户端开发的工作量。矢量图以其无损缩放的优点,在图标方面有着极大的优势。Iconfont 是由阿里推出,功能强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能,几乎国内成了矢量图标库的事实标准。每个 Iconfont 项目都可以生成
出现问题这几天在做移动端页面,研究了一下手淘的 flexible.js 并在自己项目中试行了一下,然后发现了一个纠结无比的问题,即:css里设置了字体大小,但是显示却非常诡异,用 “诡异” 来形容是因为这个问题在定位的时候真的无迹可寻。探查原因后来接触到了一个概念,终于了解了问题的本来面目。这个概念叫做 “Font Boosting”(文字爆炸)。当 viewport 的 initial-scal
程序 字体设置适用于HTML,CSS,font-family:中文字体的英文名称宋体 SimS
原创 2023-01-30 19:59:45
1555阅读
前言现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同比如我们的设计稿一个View的大小是300px,如果直接写300px,可能在当前设备显示正常,但到了其他设备可能就会偏小或者偏大,这就需要我们对屏幕进行适配。安卓原生的话有自己的适配规则,可以根据不同的尺寸建立不同的文件夹,系统会根据当前的设备尺寸取对应的大小的布局。而flutter本身并没有适配规则,而
一、需求 项目经理说有些用户是老人,字太小看不清,但有些用户是年轻人,字太大显得笨拙,那好吧,给你自行设置好了! 问题来了,手机系统设置的字体大小,打开小程序,木有作用T^T,看来只能自己做了。二、方法 因为我用的是原生程序开发,还好看到官方的page-meta方法,要不然估计只能转uniapp那种基于vue的框架才能实现了吧(没想到有什么好的办法了)。三、page-meta介绍https://
转载 2023-09-27 16:09:35
68阅读
# Java程序字体处理 在现代软件开发中,用户界面的美观和可读性显得尤其重要,而字体作为UI设计的重要组成部分,扮演着不可或缺的角色。本文将探讨如何在Java程序中进行字体处理,并附上相关代码示例及图示,帮助开发者更好地理解这一过程。 ## 字体的基本概念 字体是字符外观的视觉表现,通常由多种不同的样式、粗细、大小和颜色组成。在Java应用程序中,我们可以使用`Font`类来操作和应用
原创 10月前
21阅读
font: normal 22px/40px \5FAE\8F6F\96C5\9ED1意思是 字体: normal 不加粗 字体大小22像素 上下40像素居中 相当于line-height:40px;\5FAE\8F6F\96C5\9ED1应该是unicode编码格式,为了在页面中不显示中文的兼容方
转载 2017-04-04 14:52:00
86阅读
2评论
# jQuery 处理手机字体问题的技巧 在现代Web开发中,尤其是移动优先的设计理念下,很多开发者都面临一个普遍的问题:手机端显示的字体太小,难以阅读。为了改善这一问题,jQuery可以被有效地利用来动态调整字体大小。本文将介绍如何使用jQuery来解决手机字体的问题,并通过代码示例来说明具体实现。 ## 字体大小如何影响用户体验 首先,让我们理解字体大小对用户体验的重要性。在移动设备上
原创 2024-09-15 05:16:52
57阅读
程序支持的单位?可以说程序就是在微信体系网页的另一种表现方式。网页中的单位程序基本都支持。但实际开发中,我常用到的是以下几种 ↓rpxrpx做为程序自家系统里的单位,特性是可以根据屏幕宽度进行自适应。rpx官方介绍比如我写一个2:1比例的全屏轮播图,可以这样写: swiper { width:750rpx; height:375rpx; } 1rpx = 0.5px = 1物理像素
引入 @font-face { font-family: 'huakang'; src:url('https://cdn.caomall.net/huakang_hupin.ttf'); } 使用 .huakang { font-family: 'huakang'; } 少量使用的话,可以用字蛛压缩
原创 2021-08-05 15:54:09
258阅读
wx.loadFontFace ({ family: 'PingFangSC-Medium', source: 'url("https://www.cafei168.com/api/Content/font/PingFang_Medium_downcc.otf")', success: function(){console.log('load font success')}});
原创 2021-07-09 14:16:11
799阅读
1、使用自定义字体传送门[https://transfonter.org/]准换为base,使用方法跟iconfont一致2、程序官方文档
原创 2022-03-01 14:38:29
220阅读
第三章  Linux基本命令操作¨  本节所讲内容:¨  3.1  Linux终端介绍 Shell提示符 Bash Shell基本语法¨  3.2  基本命令的使用:ls、pwd、cd、history¨  3.3  查看系统和BIOS硬件时间¨  3.4  Linux如何获得帮助¨  3.
字体一font-family:‘Courier New’, Courier, monospace;字体二font-family:‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;字体三font-family:‘Gill Sans’, ‘Gill Sans MT’, Calibri, ‘Trebuchet MS’, ...
原创 2022-06-13 09:39:54
3483阅读
1点赞
2评论
# 程序字体在iOS上不生效的解决方案 在开发微信程序时,我们可能会遇到一些常见的问题,例如:字体样式在不同的平台上表现不一致,尤其是在iOS设备上。这种情况会影响用户体验,让我们不得不寻找解决方案。本文将深入探讨程序中字体在iOS上不生效的原因及解决方法,并提供代码示例。 ## 1. 字体不生效的原因 在程序中使用自定义字体时,开发者通常会通过`@font-face`定义字体样式。
原创 7月前
361阅读
背景 最近在开发一个 H5 活动页快速搭建平台,可以通过拖拽编辑图片,文字等元素组件,快速搭建出一个移动端的活动页面,基本交互和成品效果类似 PPT 软件。这类活动大量在微信等平台上传播,其中会包含各种动画和特效,而各类高级艺术字体(如:方正兰亭黑,方正彩云,方正大草,方正剑体等)的应用也非常广泛。之前用户只能通过 ps 等软件将文字转化为图片再贴到平台上使用。使用成本很高,修改,调试都
转载 2024-10-22 00:04:11
40阅读
css属性font-size可以用来设置字体的大小, 可是有时候看到大小的设置是font:bold 20px/24px Verdana, Geneva, sans-serif;这里的20px/24px是指的什么, 这个斜杠表示什么呢?解答:font有多个属性,我写的时候一般就用缩写:font:normal 12px/22px "宋体";这样的意思是:字体不加粗,字号是12px,行高是22px,字体
转载 2024-03-01 18:35:29
46阅读
我将永远的真诚的向默默无闻的网络高手致敬,谢谢.
原创 2011-12-03 13:00:18
492阅读
你还在使用图片作为程序的图标?大猪告诉大家如何在程序上使用iconfont字体图标
原创 2021-06-21 17:39:56
579阅读
初步感官和身边的朋友讨论过这个框架,昨晚好奇下载reactJS 早上一看还有个react-native 忽然感觉到小白了。react-native 构建的基础原来是reactJS 这家伙。 至于好不好,打鸡血也好,激动也好,第三方框架都是存在风险,一旦苹果和android 平台锁死这个开关,第三方框架还是要死路一条。但在构建这个的时候,确实有一些让人感觉新奇的地方-过去H5一直旧病就是性能低下,
转载 2024-09-17 22:15:17
22阅读
  • 1
  • 2
  • 3
  • 4
  • 5