font | 易学教程

移动端适配js

阅读更多关于移动端适配js

第一种、参考网易的（我现在用这个多） https://www.cnblogs.com/well-nice/p/5509589.html 1 var deviceWidth = document.documentElement.clientWidth; 2 if(deviceWidth > 750) { deviceWidth = 750; } 3 document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px'; 备注：body要加个样式：width:7.5rem 这是针对设计图为750的，如果是640，就/640 （1）先拿设计稿竖着的横向分辨率除以100得到body元素的宽度： 1 如果设计稿基于iphone6，横向分辨率为750，body的width为750 / 100 = 7.5rem 2 如果设计稿基于iphone4/5，横向分辨率为640，body的width为640 / 100 = 6.4rem （2）布局时，设计图标注的尺寸除以100得到css中的尺寸，比如下图：播放器高度为210px，写样式的时候css应该这么写：height: 2.1rem。之所以取一个100作为参照，就是为了这里计算rem的方便！（3）在dom ready以后，通过以下代码设置html的font-size: 1

从网易与淘宝的font-size思考前端设计稿与工作流

阅读更多关于从网易与淘宝的font-size思考前端设计稿与工作流

最近翻了一下关于移动端的rem的使用，怎样最方便。在读到流云诸葛的一篇关于《从网易与淘宝的font-size思考前端设计稿与工作流》的文章后，来总结一下。然而根据我以往做移动端web项目的时候，设计稿一般是640或者750的，我一般会在head里面这样写： <meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"> 做移动端活动的时候结构也一般这样： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable">  <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection"> <meta content="email=no" name="format-detection"> <title

CSS02-一些具体组件的样式属性

阅读更多关于 CSS02-一些具体组件的样式属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>具体组件的样式属性</title> <link rel="stylesheet" type="text/css" href="02.css"> </head> <body> <ol> <li><a href="#Background">背景</a></li> <li><a href="#Text">文本</a></li> <li><a href="#Word">字体</a></li> <li><a href="#Link">链接</a></li> <li><a href="#List">列表</a></li> <li><a href="#Table">表格</a></li> </ol> <hr> <ul id="Background"> <h3>背景</h3> <li id="BGC">背景颜色(background-color)</li> <ul> <li>颜色的表示方式： <dd>十六进制：#f00000</dd> <dd>RGB：rgb(255,0,0)</dd> <dd>颜色名称：blue</dd> </li> </ul> <li>背景图片(background-image)</li> <ul> <li>background-image

关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

阅读更多关于关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

序言 wordpress大概从wp-3.8开始会自动加载Open Sans字体，并引用Google上面的CSS样式。而最近谷歌经常打不开，导致网站访问速度过慢，严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户来说，Google会出现经常打不开或者访问速度过慢的情况，所以会拖延站点的打开速度。当然，如果没有登录后台直接访问站点，不会出现加载字体的问题。通过观察代码可以看到，WP是这样加载字体的，在script-loader.php（wp-3.9）的580行代码进行加载。 1 2 3 < link rel = "stylesheet" id = "open-sans-css" href = "//fonts.googleapis.com/css? family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600& subset=latin%2Clatin-ext&ver=3.9.1" type = "text/css" media = "all" > 那该怎么去掉呢？方法主要有4个：插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙一、插件过滤简介为此有专门的插件来去除字体加载。此方法在前台和后台均有效。 1. 插件一

@font-face使用在线字体

阅读更多关于 @font-face使用在线字体

　　@font-face规则在CSS3规范中属于字体模块，该规则的推出对于网页设计来说是一个革命性的进步。在传统设计中，设计师不敢使用各种艺术字体类型，甚至是常规字体也需要慎重使用。因为设计师必须考虑每位浏览者的系统中是否安装了所有字体。有了@font-face规则，这个顾虑就可以放下了：只要在互联网上指定一种字体类型源，而不管用户电脑是否安装该字体，设计的网页都能够正确显示。　　用较为专业的话来讲，@font-face能够加载服务器端的字体文件，让客户端浏览器显示客户端没有安装的字体。如果没有@font-face规则，浏览器只能够在客户端系统中寻找指定字体，这就给网页设计带来了很多限制，妨碍了设计师的创意设计，也就无法展现丰富多彩的字体艺术。　　@font-face规则的语法格式如下： @font-face { <font-description> } 　　@font-face规则的选择符是固定的，用来引用服务端的字体文件。<font-description>是一个属性名值对，格式类似如下样式： description: value; description: value; description: value; {...} description: value; 　　属性及其取指说明如下： font-family：设置文本的字体名称。 font-style：设置文本样式。

Tesseract-OCR-04-使用 jTessBoxEditor 进行训练

阅读更多关于 Tesseract-OCR-04-使用 jTessBoxEditor 进行训练

Tesseract-OCR-04-使用 jTessBoxEditor 进行训练本篇是关于 jTessBoxEditor 进行训练，使 Tesseract-OCR 文字识别准确率得到极大的提高，本篇完善了很多细节，初学者也可以看懂，一起学习吧！想要一遍成功要细心关注【注意】，我踩过的坑都标出来了训练的大致步骤： 1.安装 jTessBoxEditor 2.获取样本文件 3.Merge 样本文件 4.生成 .box 文件 5.定义字符配置文件 6.字符矫正 7.执行批处理文件 8.将生成的 num.trainddata 放入 Tesseract 安装目录的 tessdata 文件夹里 1.安装 jTessBoxEditor 下载jTessBoxEditor，地址https://sourceforge.net/projects/vietocr/files/jTessBoxEditor/ 解压后得到jTessBoxEditor 由于这是由Java开发的，所以我们应该确保在运行jTessBoxEditor前先安装JRE（Java Runtime Environment，Java运行环境）没有安装 jre 的可以到官网下载安装： http://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155

Python 消息框的处理

阅读更多关于 Python 消息框的处理

在实际系统中，在完成某些操作时会弹出对话框来提示，主要分为"警告消息框","确认消息框","提示消息对话"三种类型的对话框。 1.警告消息框（alert）　　警告消息框提供了一个"确定"按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说用户必须先关闭该消息框然后才能继续进行操作。 2.确认消息框（confirm）　　确认消息框向用户提示一个"是与否"问题，用户可以根据选择"确定"按钮和"取消"按钮。 3.提示消息对话（prompt）　　提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个"确定"按钮和一个"取消"按钮。选择"确认"会响应对应的提示信息，选择"取消"会关闭对话框。 selenium 提供switch_to_alert()方法定位到 alert/confirm/prompt对话框。使用 text/accept/dismiss/send_keys 进行操作，这里注意的是send_keys只能对prompt进行操作。 switch_to_alert() 　　#定位弹出对话 text() 　　 #获取对话框文本值 accept() #相当于点击"确认" dismiss() #相当于点击"取消" send_keys() # 输入值，这个alert和confirm没有输入对话框，所以这里就不能用了

harry - azhu99

阅读更多关于 harry - azhu99

import tkinter as tk import dui mw = tk . Tk ( ) mw . title ( 'azhu99' ) mw . geometry ( '500x500' ) def duidraw ( ) : dui . draw ( ) btn1 = tk . Button ( mw , text = "对称图形" , font = ( None , 20 ) , bg = "#43CD80" , fg = 'black' , command = duidraw ) btn1 . place ( x = 10 , y = 10 , width = 200 , height = 50 ) def duistar ( ) : dui . star ( ) btn2 = tk . Button ( mw , text = '满天星' , font = ( None , 20 ) , bg = '#43CD80' , fg = 'black' , command = duistar ) btn2 . place ( x = 230 , y = 10 , width = 200 , height = 50 ) def jie ( ) : pass btn3 = tk . Button ( mw , text = '接小球游戏' , font = ( None ,

《软件工程综合实践》学习内容3

阅读更多关于《软件工程综合实践》学习内容3

软件工程综合实践转眼已经接近尾声了，通过这九天的学习，我们可以说是收获颇丰。在实践的最后几天，我们一步一步地完善网页页面，在网上找到相应的素材对其进行美工操作。网上的素材千千万万，但是找到合适的素材却不简单，好在经过一番耐心寻找之后，终于找到合适的代码。经过修改完善之后，我们的主要代码如下：（1）登陆操作的代码 <%@ page language= "java" import= "java.util.*" pageEncoding= "utf-8" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href= " <%=basePath%> " > <meta charset = "UTF-8" />

Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

阅读更多关于 Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

Xamarin.Forms 是一个跨平台的、基于原生控件的UI工具包，开发人员可以轻松的创建适用于 Android，iOS 以及 Windows Phone的用户界面。Xamarin.Forms 通过使用平台的原生控件来渲染用户界面，使用 Xamarin.Forms 的 App在外观上与平台完全一致。通过本文您可以快速了解如何使用 Xamarin.Form 来进行应用程序的开发。简介 Xamarin.Forms可以帮助开发人员快速的构建跨平台的UI，通过一次编码，生成多平台界面。如果你做的工作涉及到三个平台，那你会对重重复复的界面逻辑工作厌烦，Xamarin Forms 是一个好的解决方案。 Xamarin.Forms允许开发人员使用C#语言来快速构建UI界面，由于基于Xamarin.Forms开发的应用程序完全是原生的，它的受限很少，例如浏览器沙盒、底层API限制还有性能，相反它完全可以使用底层操作系统提供的API，例如iOS上的CoreMotion, PassKit, 和 StoreKit，安卓上的NFC和Google Play Services。这意味着你可以使用Xamarin.Forms来构建应用程序的UI，使用原生的语言来构建其他部分。基于Xamarin.Forms开发的应用程序在架构上采用了共享逻辑层的跨平台方案，通常的方式是使用 Portable

订阅 font