font

移动端字体 1.ios系统 a.默认中文字体是 Heiti SC b.默认英文字体是 Helvetica c.默认数字字体是 HelveticaNeu 2. android系统 a.默认中文字体是Droidsansfallback b.默认英文和数字字体是Droid Sans 3. winphone系统 　　　　a.默认中文字体是Dengxian(方正等线体) 　　　　b.默认英文和数字字体是Segoe 　总结： 各个手机系统有自己的默认字体，且都不支持微软雅黑 如无特殊需求，手机端无需定义中文字体，使用系统默认 英文字体和数字字体可使用 Helvetica ，三种系统都支持 font-family: 指包含一组有共同特征的字体。共有五个字体系列： sans-serif , serif , monospace , cursive , fantasy . serif: 指的是有衬线的字体，一般用于新闻报纸的文字排版；(注：衬线是指字母末端的装饰性“小细线”) 如Times, Times New Roman, Georgia，宋体，Garamond sans-serif： 指的是无衬线字体，一般用于计算机屏幕上文本的显示； 如Verdana, Arial Black, Trebuchet MS, Arial, Geneva，中文的幼圆，隶书。 monospace:

Font Awesome 是为Bootstrap设计的 什么是Bootstrap？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 Bootstrap的特点： 移动设备优先 ：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。 浏览器支持 ：所有的主流浏览器都支持 Bootstrap。 容易上手 ：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。 响应式设计 ：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计 。 一个Bootstrap的例子： 接下来继续说Font Awsome 它包含了：一个字体文件， 249 个图标 具体内容在这里： https://www.bootcss.com/p/font-awesome/design.html eg: 接下来看一段html片段： 这个里面的&#xf087就是font awsome中的一个图标 另外 Font Awsome可以用CSS控制样式 用CSS能非常容易的改变这些图标的颜色、大小、阴影以及任何CSS能控制的属性。 来源： CSDN 作者： 只要你在 链接： https://blog

响应性web设计实战 响应性web设计的理念是：页面的设计与开发应当根据用户行为与设备环境(包括系统平台，屏幕尺寸，屏幕定向等)进行相应的响应及调整。具体的实践方式由多方面组成，包括弹性网格和布局，图片，css Media(媒体查询)使用等。 一：布局方式有如下几种： 1. 固定布局 ：固定布局以PX(像素)作为单位的，在PC端，设计稿多少PX就写多少PX，前几年都是这种布局，常见的是以960px或者1000px来设计的，但是这样设计有如下缺点： 1. 页面很死板，在更大的屏幕上，页面左右2边留白。 2. 不适应响应性布局。 2. 流式布局： 流式布局是以百分比作为单位的，我们要牢记如下公式： 百分比宽度 = 目标元素宽度 / 上下文元素宽度 这种布局优点：可以自适应布局，根据不同的分辨率显示不同的宽度。 缺点：在行高或者marginTop在大屏幕下看起来太高，在小屏幕下看起来太窄。 3 弹性布局 ：弹性布局是以em作为单位的，同样弹性布局也支持如下公式： 百分比尺寸 = 目标元素尺寸 / 上下文元素尺寸 使用em将文字像素px转换为相对单位，现在浏览器默认文字的大小是16px，如果一个文字大小是48px，上下文元素是(浏览器)，那么转换成em 就是 48/16 = 3em. 但是如果一个h1标签的font-size是48px, h1标签内部span标签font-size

超文本标记语言， 标准通用标记语言 下的一个应用。是 网页制作必备的编程语言。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体 内容。 由来 万维网 （world wide web）上的一个 超媒体 文档称之为一个 页面 （ 外语 ：page）。作为一个组织或者个人在 万维网 上放置开始点的 页面 称为 主页 （外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的 指针 （ 超级链接 ），所谓 超级链接 ，就是一种 统一资源定位器 （Uniform Resource Locator， 外语 缩写 ： URL ）指针，通过激活（点击）它，可使 浏览器 方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列 页面 的有机集合称为 网站 （ Website 或Site）。超级文本标记语言（英文缩写：HTML）是为“ 网页 创建和其它可在 网页浏览器 中看到的信息”设计的一种 标记语言 。 网页的本质就是超级文本标记语言，通过结合使用其他的 Web技术 （如： 脚本语言 、 公共网关接口 、 组件 等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（ Web ）编程的基础，也就是说 万维网 是建立在超文本基础之上的

@font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */ } @font-face { font-family: 'revicons'; src: url('../fonts/revicons/revicons.eot?5510888'); src: url('../fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../fonts/revicons/revicons.woff?5510888') format('woff'), url('../fonts/revicons/revicons.ttf?5510888') format('truetype'), url('../fonts/revicons/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family:

1.装完库 直接复制粘 ⚠️把自己电脑字体的路径就可以显示中文 这个matplotlib画的图不好看，如果要看更多特效的图可以看我之前的链接里面有很多图 链接：https://blog.csdn.net/weixin_43321726/article/details/103357438 代码块： #time:2019.12.18 #autor:heguobao #python/pycharm from matplotlib import pyplot as plt from matplotlib import font_manager #window字体路径 #my_font = font_manager.FontProperties(fname='C:/windows/fonts/simsun.ttc"') #下面的字体路径显示不出的话，就用上面的 my_font = font_manager . FontProperties ( fname = '/System/Library/Fonts/PingFang.ttc' ) #my_font=font_manager.FontProperties(fname=r"C:/windows/fonts/simsun.ttc",size=15) y_1 = [ 1 , 0 , 1 , 1 , 2 , 4 , 3 , 2 , 3 , 4 ,

说到浏览器对@font-face的兼容问题，这里涉及到一个字体format的问题，因为不同的浏览器对字体格式支持是不一致的，这样大家有必要了解一下，各种版本的浏览器支持什么样的字体，前面也简单带到了有关字体的几种格式，下面我就分别说一下这个问题，让大家心里有一个概念： 一、TureTpe(.ttf)格式： .ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】； 二、OpenType(.otf)格式： .otf字体被认为是一种原始的字体格式，其内置在TureType的基础上，所以也提供了更多的功能,支持这种字体的浏览器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】； 三、Web Open Font Format(.woff)格式： .woff字体是Web字体中最佳格式，他是一个开放的TrueType/OpenType的压缩版本，同时也支持元数据包的分离,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】； 四、Embedded

一、前言 　　我们h5项目终端适配采用的是淘宝那套 《Flexible实现手淘H5页面的终端适配》 方案。主要原理是rem布局。最近和别人谈弹性布局原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。 二、几个概念 　　这里就不讲那些，物理像素、设备像素比了，可以自己查阅。要去理解rem/em/vm/vh等，首先要直观的去理解他们到底是什么？理解好了，后面就好办了。其实这几个都是css单位，就像我们常用的px一样，只不过他们都是相对单位。我平时使用的百分比单位如：width:100%;就是相对单位。 　　2.1、em 　　 em作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——MDN 　　比如父元素font-size:12px; 　　自身元素如果写成：font-sise:2em;则自身元素用px表示就是24px（相对父元素字体大小）; 　　但是自身元素设置：width:2rem,那么自身元素用px表示就是48px（相对自身字体大小）； 2.2、rem 　　 rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小——MDN 　　比如根元素（html）设置font-size=12px; 非根元素设置width:2rem

ckeditor配置大全，config.js CKEditor 的时候，看到的匹配 class 的正则表达式。 (?:^| )editor(?:$| ) 看了半天没明白，后来打开 RegexTester 试了一下，原来(?:^| )是“字符串开始或空格开头”的意思，后面的(?:$| )同理。 sigh，以为自己正则表达式也看过一些了，但看了 perl 和 js 一些库之后，觉得自己的正则表达式水平怎么也忒差了点儿，再学学吧。 另外： CKEditor 的 config.js 里面的内容是 CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: //config.language = 'fr'; config.uiColor = '#CCDC6E'; }; 我眼花了，还以为是返回一个 Object config 呢，害得我写上了： config.filebrowserUploadUrl : '/ckeditor/test.jsp', 严重语法错误，死都不能用，看了半天的 CKEditor source 才弄明白怎么回事儿。 怎么这么惨啊。 附一篇 CKEditor config 的说明： 转自：http://blog.csdn

1 <div id="container" 2 style="width: 1608px; height: 901px; border: 1px dashed #A4A4A4; margin-top: 9px;"> 3 <div class="carNum"> 4 <div 5 style="background: #D3DFED; height: 40px; text-align: center;"> 6 <font size="4" color="#5D7CB2"><label 7 style="position: relative; top: 5px;">机器型号</label></font> 8 </div> 9 <hr 10 style="width: 1605px; border-top: 1px; border: 1px dashed #A4A4A4; margin-top: -1px;" /> 11 <div style="height: 9px;">B3-1</div> 12 <div id="B3-1" 13 style="position: absolute; margin-left: 1540px; margin-top: -10px;"> </div> 14 <hr 15 style="width: 1605px; border-top: 1px;