日常开发网页经常会使用一些特殊字体，比如思源黑体、苹方字体等，因为这些字体在一般的宿主环境中是不存在的，需要通过 css 的 @font-face 定义，并从服务器中加载对应的字体文件，而字体文件一般都是比较大的，甚至有时候一个字体比其他所有的资源（js、css、图片）加起来还要大，对网页的加载性能起到非常关键的影响，因此有必要对字体进行一些优化。 本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧。
最近有个需求，点击按钮，能将页面转成pdf文件，并且发送邮件。前端是使用vue3写的，页面转成pdf后，想在每个页面添加标题和页码，添加英文页码不会出现问题，添加中文标题就会出现bug，如下所示：
我先举个例子。猫眼电影这个就属于font-face拼凑式。 这篇文章我从0开始演示如何制作及应用字符集映射进行数据保护反爬虫！
作为整天和 UI 打交道的前端工程师，是否想在他（她）生日的时候用代码送上一份惊喜呢？
在计量领域中，计量检定是一种重要形式，主要用于评定计量器具的计量性能，确定其量值是否准确一致，实现手段包括计量检验、出具检定证书和加封盖印等。 在检定证书这一环节，存在一个难点，就是无法在线预览以及智能生成。
W3C 仍然在对 CSS3 规范进行开发。不过，现代浏览器已经实现了相当多的 CSS3 属性。CSS3也从前几年的初试探到如今的广泛应用。最近折腾这方面的东西其实挺多，但一直懒于写blog，也经常会出现一些知识点重复去查询，一些知识点难以及时分享与讨论。ADT团队在不断的成长与壮大中，于是鞭策自己尽量多的习惯去记录，也为了知识更好的分享与积累吧。 现在来看，应该大家都接触过css3的自定义字体（@font-face），也应该知道各个浏览器都支持（包括IE6），只是各自对字体文件的格式的支持不一样。 为什么要
其中@font-face相当于创建一个字体族，然后下边body部分是在应用字体族，那个名字其实就是在前边创建的字体的名字。 通过在网络上的查找，我首先选择使用的是Robot字体，这个字体族写的英文字体相当漂亮:
在PHP编程开发中，使用字体文件ttc来渲染文本是一项非常实用的技术。ttc文件是TrueType字体集合文件的缩写，它可以包含多个TrueType字体，因此在使用时需要进行一些特殊处理。下面，我们将为大家介绍PHPimagettftext字体文件ttc的使用方法，希望能够对大家有所帮助。
from PIL import Image, ImageDraw, ImageFont import matplotlib.pyplot as plt # 打开背景图 img = Image.open("3.png") #导入字体 font = ImageFont.truetype('fangzheng.ttf', 60) W, H = img.size #图片转画板 draw = ImageDraw.Draw(img) content1 = "\n".join(list('年复年年年气象更新')) c
const path = require('path') const utils = require('./utils')// 引入utils工具模块，具体查看我的博客关于utils的解释，utils主要用来处理css-loader和vue-style-loader的 const config = require('../config')// 引入config目录下的index.js配置文件，主要用来定义一些开发和生产环境的属性 const vueLoaderConfig = require('./vue-
大家好，我是小小明，今天我要给大家分享一个用python实现的仿Linux的tree命令。
一.背景 前端开发的同学,我们经常会碰到需要还原设计稿中的特殊字体.这时,我们可能会采用两种方案 1.使用photoshop将文本图层单独导出成图片; 2.直接引入改字体的字体库.ttf文件 首先第一种方案的缺点,使用图片代替文字,制作和维护的成本很高,前期切图,合并雪碧图比较繁琐,后期修改和维护更是麻烦.同时使用图片,会带来更多的宽带消耗.用户体验方面,用户无法进行文字的选择,复制等操作,体验也不好. 第二种方案,解决了上述的一些问题,但是由于汉字数量太大,导致中文字体文件也较大,通常都会有几M
我们在使用webpack打包的时候经常因为引入ttf字体报错而烦恼,这里解决ttf字体报错的方法需要加入一个url-loader,没有的话需要npm先安装下:
const TerserPlugin = require('terser-webpack-plugin');
vue+webpack+mintui+mui构建项目的时候出现的一些问题解决方法 1.引入M-UI找不到相关资源文件 我们可以把git上面下载的mui的js和css以及一些用到的文件拷贝到node_m
如今已然是大数据时代，数据正在驱动着业务开发，驱动着运营手段，有了数据的支撑可以对用户进行用户画像，个性化定制，数据可以指明方案设计和决策优化方向，所以互联网产品的开发都是离不开对数据的收集和分析，数据收集的一种是方式是通过上报API进行自身平台用户交互情况的捕获，还有一种手段是通过开发爬虫程序，爬取竞品平台的数据，后面就重点说下爬虫的应用场景和实践中会遇到的问题和反反爬虫的一些套路与技巧。
luna/OpenSans-LightItalic.6725fc490942895a65f5.eot luna/OpenSans-LightItalic.b64e9910811cdcc8df89.svg luna/OpenSans-Regular.ac327c4db6284ef64ebe.woff luna/OpenSans-Light.963eb32907744d9a0d6b.woff luna/OpenSans-LightItalic.e7cc7120e670a8073073.woff2 luna/OpenSans-SemiboldItalic.3343e54368719e3786f7.woff2 luna/OpenSans-BoldItalic.c36b5ac7c2dddf6f525c.ttf luna/OpenSans-BoldItalic.ea07932c5245dd421e3d.eot luna/OpenSans-Regular.cd7296352d159532b66c.ttf luna/OpenSans-ExtraBoldItalic.5f467e780ed0aead6614.eot luna/OpenSans-ExtraBold.19b56cfcb97fbcc24524.ttf luna/fontawesome-webfont.b06871f281fee6b241d6.ttf luna/OpenSans-LightItalic.97534dd409492b05b11a.woff luna/OpenSans-Semibold.0ea04502930623aa3de1.eot luna/OpenSans-SemiboldItalic.da061416028fc9a66fbc.eot luna/OpenSans-LightItalic.26f1e68dfbd8b8621e5d.ttf luna/OpenSans-Light.804037562eabaa5dbefa.eot luna/theme/ luna/static/ luna/MaterialIcons-Regular.570eb83859dc23dd0eec.woff2 luna/OpenSans-Regular.f641a7d4e80fd6321135.svg luna/OpenSans-Italic.9b30f13428e1b4a659ae.ttf luna/OpenSans-ExtraBoldItalic.bc511bacf828ac9e833e.woff2 luna/OpenSans-SemiboldItalic.ddc348f204283c4f4090.svg luna/OpenSans-ExtraBold.561e4b63e9119235465e.eot luna/OpenSans-ExtraBoldItalic.9704305e6fd8184b40d5.svg luna/OpenSans-Light.d79f021974b1f6bc5c21.svg luna/OpenSans-Bold.3326e4d74d3924ee1c88.woff2 luna/main.a3c75c0a3047ed1eef01.bundle.js luna/OpenSans-Italic.d6671d41dde41d355619.svg luna/OpenSans-ExtraBold.5211065d7cf88c28086d.woff2 luna/OpenSans-Bold.5a100916f94b0babde0c.ttf luna/OpenSans-Bold.7ae9b8ba7886341831bf.eot luna/scripts.56fb3235bc9c0e75506e.bundle.js luna/i18n/ luna/fontawesome-webfont.fee66e712a8a08eef580.woff luna/inline.6602a1f82e32b48c37e4.bundle.js luna/OpenSans-Regular.55835483c304eaa8477f.woff2 luna/data-table.b0aebd744ce7adb780a9.svg luna/OpenSans-Italic.525074686dfb8aa36b1b.woff luna/MaterialIcons-Regular.012cf6a10129e2275d79.woff luna/MaterialIcons-Regular.a37b0c01c0baf1888ca8.ttf luna/i18n/zh.json luna/i18n/cn.json luna/i18n/zh-CN.json luna/static/imgs/ luna/static/imgs/inspi
https://www.giftofspeed.com/base64-encoder
Copying '/opt/jumpserver/apps/static/fonts/FontAwesome.otf' Copying '/opt/jumpserver/apps/static/fonts/fontawesome-webfont.eot' Copying '/opt/jumpserver/apps/static/fonts/fontawesome-webfont.svg' Copying '/opt/jumpserver/apps/static/fonts/fontawesome-webfont.ttf' Copying '/opt/jumpserver/apps/static/fonts/fontawesome-webfont.woff' Copying '/opt/jumpserver/apps/static/fonts/fontawesome-webfont.woff2' Copying '/opt/jumpserver/apps/static/fonts/glyphicons-halflings-regular.eot' Copying '/opt/jumpserver/apps/static/fonts/glyphicons-halflings-regular.svg' Copying '/opt/jumpserver/apps/static/fonts/glyphicons-halflings-regular.ttf' Copying '/opt/jumpserver/apps/static/fonts/glyphicons-halflings-regular.woff' Copying '/opt/jumpserver/apps/static/fonts/glyphicons-halflings-regular.woff2' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.css' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.eot' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.js' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.svg' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.ttf' Copying '/opt/jumpserver/apps/static/fonts/font_otp/iconfont.woff' Copying '/opt/jumpserver/apps/static/img/authenticator_android.png' Copying '/opt/jumpserver/apps/static/img/authenticator_iphone.png' Copying '/opt/jumpserver/apps/static/img/facio.ico' Copying '/opt/jumpserver/apps/static/img/logo-text.png' Copying '/opt/jumpserver/apps/static/img/logo.png' Copying '/opt/jumpserver/apps/static/img/otp_auth.png' Copying '/opt/jumpserver/apps/static/img/root.png' Copying '/opt/jumpserver/apps/static/img/avatar/admin.png' Copying '/opt/jumpserver/apps/static/img/avatar/user.png' Copying '/opt/jumpserver/apps/static/js/angular-route.min.js' Copying '/opt/jumpserver/apps/static/js/angular.min.js' Copying '/opt/jumpserver/apps/static/js/bootstrap-dialog.js' Copying '/opt/jumpserver/apps/static/js/bootstrap.min.js' Copying '/opt/jumpserver/apps/static/js/inspinia.js' Copying '/opt/jumpserver/apps/static/js/jquery-2.1.1.j
Adobe Reader(也被称为Acrobat Reader)是美国Adobe公司开发的一款优秀的PDF文件阅读软件。文档的撰写者可以向任何人分发自己制作（通过Adobe Acrobat制作）的PDF文档而不用担心被恶意篡改。
Kali Linux 是个坑特别多的操作系统，尤其是对于我这样的初学者来说，这也难怪会有那句名言：Kali 学得好，监狱进得早！这两天在定制自己的 Kali Linux 时遇到了许多坑，我采集汇总在了这篇推文里，以防日后重蹈覆辙，也供有需要的伙伴参考借鉴。
由于微信不允许外部链接，你需要点击页面尾部左下角的阅读原文，才能访问文中的链接。 距离上一次更新这个系列，过去了两天。最近实在是有点忙，没有挤出时间整理。感觉日更还真是困难以下是正文。 管理资源 如果看过之前的系列文章，应该会有一个学习项目webpackStudy，可以从文章下方找到之前的链接。官网给出的示例都是在一个项目中的html页面、package.json和webpack.config.js中进行修改。我为了保留每一小节的代码，并没有按照官网给出的方案处理，而是重新新建的配置文件。可以通过腾讯云开发
一款简约的单栏 Typecho 主题，极致简洁的风格，博主写了好久，憋出来的，有问题可以评论留言，也可以提 issues
从19到24节都说的抖音数据的抓取，从web端用户信息抓取，app端粉丝数据抓取，视频数据。 （一）抓取三大块 1.web端用户信息抓取 技术困难： 个人数据界面-TTF混淆 解决方案： 枚举的方式分
es6的Promise让异步接口的处理变得轻松，在旧版本的小程序中并不原生支持Promise，需要引入第三方库，例如：https://github.com/stefanpenner/es6-promise，然而在新版的小程序中已经原生支持了Promise，直接使用即可。
gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。
请注意，本文编写于 1122 天前，最后修改于 171 天前，其中某些信息可能已经过时。
如果ps设计稿的字体在网页中没有对应的字体显示，要想跟设计稿效果一致 要引入外部字体
highcharts有自动导出的模块，以vue中使用为例，只要在main.js中引入导出模块并注册
本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----201
最近身体有恙，于是就想起来整理下这几年体检的电子报告汇总看看。结果发现在善诊平台下载的体检报告在电脑上看直接乱码了。不过这种字符集的问题怎么能难得了本码农呢，所以就尝试起各种办法进行恢复，结果发现这果然是个深坑。。。
描述: 在NextCloud安装好olnyOffice插件后，打开示例word文档会发现其没有中文相关的字体，这对于处理企业内部共享办公文档使用中文字体来说是不行，所通过本章帮助遇到相同问题的朋友解决olnyoffice中没有中文字体的问题。
Web 开发中需要的静态文件有：CSS、JS、字体、图片，可以通过 web 框架进行访问，但是效率不是最优的。 Nginx 对于处理静态文件的效率要远高于 Web 框架，因为可以使用 gzip 压缩协议，减小静态文件的体积加快静态文件的加载速度、开启缓存和超时时间减少请求静态文件次数。下面就介绍如何通过 Nginx 管理静态文件的访问，优化网站的访问速度。
这次就讲讲在 Fabric.js 中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。
网站的性能一直是前端工程师努力的方向之一，更加流畅的体验，更加快速的页面呈现，都是好的web网站的指标之一。
来到这家公司之后，一直在使用webpack，也写了不少笔记，但是都比较零散，现在决定整理一下webpack相关的知识点，由浅入深，方便自己后续查漏补缺，后续会一直更新。
element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。
在这篇指南中，我们将探索使用 Google Fonts 在 React Native 应用中添加自定义字体的方法。要跟上进度，你应该熟悉 React Native 或 Expo SDK 的基础知识，包括 JSX、组件（类和函数式）和样式。
之前给大家介绍了picgo和免费的图床神器。我们本可以开开心心的进行markdown写作了。
Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/css/font-awesome-4.0.3.css' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/css/highlight.css' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/css/jquery.json-view.min.css' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/fontawesome-webfont.eot' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/fontawesome-webfont.svg' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/fontawesome-webfont.ttf' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/fontawesome-webfont.woff' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/glyphicons-halflings-regular.eot' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/glyphicons-halflings-regular.svg' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/glyphicons-halflings-regular.ttf' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/glyphicons-halflings-regular.woff' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/fonts/glyphicons-halflings-regular.woff2' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/img/favicon.ico' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/img/grid.png' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/js/api.js' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/js/bootstrap.min.js' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/static/rest_framework/docs/js/highlight.pack.js' Copying '/opt/py3/lib/python3.6/site-packages/rest_framework/s
Varlet提供了一些常用的图标，图标都来自 Material Design Icon。
你需要做的第一件事就是找到一个包含 “.ttf” 文件的开源图标库。那 “.ttf” 是什么文件？
Web性能调优一直是高级前端必须掌握的技能，市面上不少书简绍性能调优的书总是告诉读者一些理论性的东西，而如何去实践说的却不多，这本书不仅告诉读者Web性能优化的理论知识，同时还会告诉读者怎么用node去设置，是一本前端进阶必看的书。
又是为站佬们服务（写）水文的一篇，如何应用python来生成或者说是合成自己的原创图片，适合各位站群大佬哥们生成自己的图片，避免没有配图或者侵权碰瓷的尴尬，当然本渣渣这里分享的仅仅是源码demo，后续使用到生产上，还是需要修改的。
接上节4-1 Tree Shaking 概念详解末尾，我们可以看到，在 mode 进行切换时，webpack.config.js 的配置也是不一样的。这很好理解，开发环境中我们更多地是考虑开发和调试方便，生产环境我们更多考虑性能。但我们总不会每次切换环境的时候，还要手动去更改配置吧。最简单就是保存两份配置，对应不同的环境。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/details/79338286
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
