汉仪 webfont

WebFont-前端字体

WebFont-前端字体前端设计时使用了一些不常用的字体,如何在客户的浏览器中正确展示? 解决方案是使用webfont,将字体置于服务端,利用 css 中的font-family进行设置,客户端展现时加载到浏览器中. WebFont webfont一般使用 4 种格式,即 eot / svg / ttf / woff 1 首先需要定义字体: @font-face { font-family:'fzztjw'; src: url('../fonts/fzztjw-webfont.eot'); s

体验 WebFont，网页上的艺术字

在最新项目中,由于要频繁使用艺术字, 而用户设备没有此字体,因此以往的经验都是使用图片... 所以在同事的瞩目期许之下,我开始实验研究这个问题的解决方案1. 直接使用字体文件 @font-face { font-family: 'xxxx'; src: url('../img/汉仪秀英体简.TTF'); } .font { font-family: 'xxxx', Arial, sans-serif; } 该方案是能用的,因为使用的是微信不用考虑兼容性,但是随着项目发布,还是出现了问题,由于字体

中文WebFont探索

本文主要讲中文webFont的相关知识,包含了业界现状.WebFont优势.实现方案等. 一业界使用WebFont现状 1.1 英文WebFont使用现状英文版已使用非常广泛.比较有名的字体库:GoogleFonts :https://fonts.google.com/ 1.2 中文WebFont使用现状中文版字体库正在起步,目前各种图标使用已经很普遍了,例如华为云字体图标库.汉字库在部分大公司页面中有使用,效果还是很好的.例如:苹果.沃尔沃.汽车之家等. 案例1:苹果公司的pingfan

font-spider利器对webfont网页字体压缩使用

http://font-spider.org/ npm install font-spider -g hyheilizhitij(汉仪黑荔枝体简) //引入 @font-face{ font-family: 'myfont'; src:url('./fonts/HYHeiLiZhiTiJ.ttf') format('truetype'); font-weight: normal; font-style: normal; } //使用 .test{ font-family: 'myfont'; }

纯CSS3制作学生入学档案表单样式代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>学生档案</title> <

关于css3的自定义字体

css3的@font-face属性打破了中文页面字体一成不变的格局,但今天本菜在用的时候并不那么爽.开始各种引用外部ttf文件失败.下了300M+的字体文件,苦逼的试了一下午.终于有一个ttf引用成功了.于是本菜就好奇为啥其他文件引用不好使,度了一下午无果.就又傻逼的再试了一遍那300M+的ttf文件,结果还是就哪一个可以用.那个文件真的好神奇,(此处忽略本菜的内心纠结)终于发现那个可以使用的ttf文件是体积最小的一个.难道@font-face引用字体跟文件大小有关? 于是本菜特意找了几个体积在

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？（装）

不知道你有没有想过,为什么很人多的扁平化 PPT 是这个样子: 或者是这样: 然而,还有一小撮人的扁平化 PPT 却拥有那么高颜值: 为什么会产生这么大的差距呢?丑逼 PPT 应该如何逆袭成为帅逼呢? 本文就从以下 3 个方面来跟各位传授经验: 形式篇(快速做出扁平化 PPT 特征) 设计篇( PPT 高大上设计指南) 资源篇(善于使用 PPT 辅助神器) 先说第一个方面:如何快速做出扁平化 PPT 特征? 1.最大的特征是:色块的使用,而且不要为色块添加乱七八糟的效果,像阴影,倒影,立体等.

CSS文字控制与文本控制

一.CSS控制文字属性: 1.font-size:18px;:设置字号(默认是16px=1em),一般在制作网页的时候,先在body里同一设置下字体大小2.color:#093:设置字色3.font-family:'宋体';:设置字体(可以有多种字体,两个字体之间有,分隔开,表示如果系统中有第一个字体则显示效果是第一个字体,如果没有则显示的是第二个字体的效果,以此类推)4.line-height:150%;:设置行与行之间的距离(单位可用px或者em或者百分比)5.font-weight:bol

CSS选择符类型

一.标签选择符:针对某一类标签,可以以标签作为选择符 <style type="text/css"> p{color:#F00; font-size:36px;} </style> </head> <body> <p>0.5秒三分绝杀!波特兰上演波什时刻第N次拯救热火</p> <h1>玩命暴扣扳平+助攻绝杀三分热火太幸运有这颗队魂</h1> <p>热火今夜还一功臣必须赞 11

ps闪闪发光的字教程+自我练习

本教程的文字效果非常经典.不仅是效果出色,创作思路及制作手法都堪称完美.作者并没有直接使用纹理素材,纹理部分都是用滤镜来完成.这需要很强的综合能力,非常值得学习和借鉴.最终效果我的: 1.创建一个新文档为:1350 * 1000像素.选择渐变工具,颜色设置为:#525252至#0d0d0d,然后由中心向边角拉一个径向渐变作为背景. 2.执行:滤镜 > 杂色 > 添加杂色,数值为5,选平均分布,勾选单色,具体设置如下图. 3.把前景颜色设置为:#ffeb0f,选择文字工具,字体选区汉仪菱心体简

indesign 注意事项

画册 42 * 28.5加出血 42.6 * 29.1用纸 889 * 1194 注意事项:indd文件打印需转曲线快捷键:ctrl+shift+O ctrl+shift+G (2)应用图片需单独创建文件夹 (3)没张图片的ppi不能少于300(4)色彩的运用注意用CMYK色调(5)正文不可小于10点,现在老花眼和近视眼的人太多了,你得让绝大多数人读起来轻松且愉快.(如果你的读者大部分为老年人,更应注意字要大一些) 二.使用什么字体? 字体最好采用常用字体,如方正.文鼎.尽量不使用少见字体.

11、借助POI实现Java生成并打印excel报表(2)

11.POI打印功能 11.1.常用模块形式: HSSFPrintSetup printSetup = sheet.getPrintSetup(); printSetup.setVResolution((short) 600); //打印质量600点 printSetup.setPaperSize(HSSFPrintSetup.A4_PAPERSIZE); //A4纸张打印 printSetup.setLandscape(true); //横向打印 11.2.常用参数设置方法 1.页面设置 1.

python 视频转成代码视频

# -*- coding:utf-8 -*- # coding:utf-8 import os, cv2, subprocess, shutil from cv2 import VideoWriter, VideoWriter_fourcc, imread, resize from PIL import Image, ImageFont, ImageDraw ffmpeg = r'F:\ffmpeg-20190312-d227ed5-win64-static\bin\ffmpeg.exe' co

zw字王《中华大字库》2018版升级项目正式启动

zw字王<中华大字库>2018版升级项目正式启动 https://www.cnblogs.com/ziwang/p/9500537.html 这次升级是和字库协会一起合作,首批推出的字体,争取在2018国庆节前进行版权登记.zw蒙德里安抽象体系列,idea源自抽象画鼻祖蒙德里安先生,作为2018升级版的启动标志.<被设计界致敬最多的人,你不可不知的蒙德里安> https://www.sohu.com/a/165954895_751873 本blog当中的以上样图,采用的三个demo

java 获取当前系统可用字体名称

//获取系统的字体 public static void getLocalFontFamily(){ GraphicsEnvironment ge=GraphicsEnvironment.getLocalGraphicsEnvironment(); String [] fontName=ge.getAvailableFontFamilyNames(); for(int i=0;i<fontName.length;i++){ System.out.println(fontName[i]); } }

CSS font-family字体大合集

在写文字内容占大篇幅的页面是,总是会面临着改变字体的需求,以下为font-family常用合集以及一部分文字效果: windows常见内置中文字体字体中文名字体英文名效果实例宋体 SimSun(浏览器默认) 夏目友人帐/ABCDEFG 黑体 SimHei

Installing Fonts programatically C#

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.IO; using System.Runtime.InteropServices; using Micro

Python 百度ai身份证接口案例

调用百度Ai 完成一个学生信息录入的网页小案例添加图片,身份证信息对号入座官方文档中心:https://ai.baidu.com/docs#/OCR-API/7e4792c7 utils.py #encoding:utf-8 import requests import urllib from urllib import parse import os import json import base64 URL = 'https://aip.baidubce.com/rest/2.0/ocr

python scipy stats学习笔记

from scipy.stats import chi2 # 卡方分布from scipy.stats import norm # 正态分布from scipy.stats import t # t分布from scipy.stats import f # F分布import matplotlib.pyplot as pltimport numpy as npimport pandas as pdimport scipy.stats as statsfrom scipy.stats import

python matploblib学习笔记

import matplotlib.pyplot as pltimport numpy as np # matplotlib画图注释中文需要设置from matplotlib.font_manager import FontPropertiesxy_font_set = FontProperties(fname=r"c:\windows\fonts\方正稚艺简体.ttf", size=12)zhushi_font_set = FontProperties(fname=r"c: