font | 易学教程

markdown笔记

阅读更多关于 markdown笔记

起因：太懒了，别的办法写起笔记来比总结的时间还要长，所以想换种方法安利一个在线的 Markdown 编译器一、标题的写法 # ## ### #### ##### ###### 以上分别对应着html里面的h1,h2,h3,h4,h5,h6标签二、引用就像下面这样 >PHP是世界上最好的语言 >>大佬们别打我 >>>不知道说什么 PHP是世界上最好的语言大佬们别打我不知道说什么三、链接 [这里是要显示的内容](这里是网址) 拿百度举个栗子四、改变字体大小和颜色 size为1：size为1 size为2：size为2 size为3：size为3 size为4：size为4 size为10：size为10 这是粉色：这是粉色 这是蓝色：这是蓝色 这是绿色：这是绿色 size为1： size为1

django 生成pdf

阅读更多关于 django 生成pdf

官网: https://pypi.org/project/django-xhtml2pdf/ 1.新建django项目安装django-xhtml2pdf pip install django-xhtml2pdf 2.views.py from django_xhtml2pdf.utils import pdf_decorator @pdf_decorator(pdfname=str(time.strftime('%Y-%m-%d-%H-%M-%S',time.localtime())) + str(random.random()) + ".pdf") def pdf(request): return render(request, "pdf.html") 3.解决中文乱码问题在项目static目录下新建font 目录结构 static-->font 下载 msyh.ttf 4.设置setting.py from reportlab.pdfbase.ttfonts import TTFont from reportlab.pdfbase import pdfmetrics FONT_PATH = os.path.join(BASE_DIR, r'cjystatic\font\msyh.ttf') # 公钥 pdfmetrics.registerFont(TTFont('yh',

2015/11/3用Python写游戏，pygame入门(3)：字体模块、事件显示和错误处理

阅读更多关于 2015/11/3用Python写游戏，pygame入门(3)：字体模块、事件显示和错误处理

游戏里面一般是肯定会出现文字显示的，即使是俄罗斯方块也应该显示分数。那么我们应该怎样来显示文字呢，今天一起学习一下pygame的font模块。使用字体模块 pygame可以直接调用系统字体，也可以调用TTF字体。为了使用字体，首先应该创建一个Font对象，对于系统自带的字体，应该这样调用： >>> font1 = pygame.font.SysFont('arial', 16) 第一个参数是字体名，第二个参数是字号。正常情况下系统里都会有arial字体，如果没有会使用默认字体，默认字体和各个系统有关。可以使用pygame.font.get_fonts()来获得当前系统所有可用字体： >>> pygame.font.get_fonts() ['stsong', 'rod', 'microsoftyahei', 'mingliupmingliumingliuhkscs', 'stxingkai', 'euclidmathtwo', 'impact', 'simplifiedarabicfixed', 'wingdings2', 'wingdings3', 'lucidabright', 'verdana', 'mistral', 'gigi', 'traditionalarabic', 'lucidacalligraphy',

Jquery操作DOM

阅读更多关于 Jquery操作DOM

一：Jquery操作DOM节点 1，查找节点 2，创建节点 append() 3,删除节点 remove() 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Jquery操作DOM节点</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></script> 7 <script type="text/javascript"> 8 $(document).ready(function(){ 9 //查找DOM节点 10 /* var li2=$("ul li:eq(1)"); 11 var li2_txt=li2.text(); 12 alert(li2_txt); */ 13 //添加DOM节点 14 /* var li1=$("<li title='我是马化腾'>马化腾</li>"); 15 var li2=$("<li title='我是李彦宏'>李彦宏</li>") 16 $("ul").append(li1);//在最后面添加 17 var li22=$("ul li:eq(1)");//在第二项之后添加 18 li2.insertAfter(li22); */ 19 //删除DOM节点 20 //

使用FFmpeg将字幕文件集成到视频文件

阅读更多关于使用FFmpeg将字幕文件集成到视频文件

某厂面试归来，发现自己落伍了！>>> 本文最后更新于：2015-05-25 13:12:00 原文：http://www.yaosansi.com/post/ffmpeg-burn-subtitles-into-video 向视频文件里添加字幕是件很常见的事，本文使用 FFmpeg 将字幕文件集成到视频文件里。在CentOS上编译安装FFmpeg 字幕文件转换字幕文件有很多种，常见的有 .srt , .ass 文件等,下面使用FFmpeg进行相互转换。将.srt文件转换成.ass文件 1 ffmpeg - i subtitle .srt subtitle.ass 将.ass文件转换成.srt文件 1 ffmpeg - i subtitle .ass subtitle.srt 集成字幕，选择播放这种字幕集成比较简单，播放时需要在播放器中选择相应的字幕文件。 1 ffmpeg - i input .mp4 - i subtitles .srt -c:s mov_text -c:v copy -c: a copy output.mp4 嵌入SRT字幕到视频文件单独SRT字幕字幕文件为subtitle.srt 1 ffmpeg - i video .avi -vf subtitles=subtitle .srt out.avi 嵌入在MKV等容器的字幕将video

手机端布局

阅读更多关于手机端布局

http://caibaojian.com/mobile-responsive-example.html 它是根据什么计算的，这就跟设计稿有关了，拿网易来说，它的设计稿应该是基于iphone4或者iphone5来的，所以它的设计稿竖直放时的横向分辨率为640px，为了计算方便，取一个100px的font-size为参照，那么body元素的宽度就可以设置为width: 6.4rem，于是html的font-size=deviceWidth / 6.4。这个deviceWidth就是viewport设置中的那个deviceWidth。根据这个计算规则，可得出本部分开始的四张截图中html的font-size大小如下： · //code from http://caibaojian.com/mobile-responsive-example.html deviceWidth = 320，font-size = 320 / 6.4 = 50px deviceWidth = 375，font-size = 375 / 6.4 = 58.59375px deviceWidth = 414，font-size = 414 / 6.4 = 64.6875px deviceWidth = 500，font-size = 500 / 6.4 = 78.125px （1

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

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

互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案：固定一个某些宽度，使用一个模式，加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用 rem 淘宝最近开源的一个框架和网易的框架有同工之异。都是采用 rem 实现一稿解决所有设置自适应。在没出来这种方案之前，第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。以下摘自：从网易与淘宝的font-size思考前端设计稿与工作流 1. 简单问题简单解决我觉得有些 web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了：它的页面有一个特点，就是：顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边这种app是一种典型的弹性布局：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放。以图描述：这个规则是一套基本的适配规则，对于这种简单app来说已经足够，同时它也是后面要说的 rem 布局的基础。另外对于拉勾这种app可能需要额外媒介查询对布局进行调整的就是小屏幕设备。举例来说，因为现在很多设计稿是根据iphone6的尺寸来的

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

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

转自： http://www.cnblogs.com/lyzg/ 阅读目录 1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。 1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码： html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}} @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}} @media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}} @media

[原创]裁剪网页字体

阅读更多关于 [原创]裁剪网页字体

网站需要特殊的字体，可以通过CSS3的新属性@font-face引入字体。一、首先我们一起来看看@font-face的语法规则： @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; } 取值说明 1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family。如“font-family:"YourWebFontName";” 2、source:此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径； 3、format：此值指的是你自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype,opentype,truetype-aat,embedded-opentype,avg等； 4、weight和style:这两个值大家一定很熟悉，weight定义字体是否为粗体，style主要定义字体样式，如斜体。二、兼容浏览器说到浏览器对@font-face的兼容问题，这里涉及到一个字体format的问题

Python新手爬虫一：爬取豆瓣影片名称

阅读更多关于 Python新手爬虫一：爬取豆瓣影片名称

豆瓣网站： https://movie.douban.com/chart 先上最后的代码： from bs4 import BeautifulSoup from lxml import html import xml import requests from fake_useragent import UserAgent #ua库 import xlwt #表格模块 n = [] #存放电影名称 p = [] #存放电影评分 def get_url(): url = "https://movie.douban.com/chart" ua = UserAgent() headers={'user-agent':ua.random} f = requests.get(url,headers=headers) #Get该网页从而获取该html内容 soup = BeautifulSoup(f.text,'lxml') #用lxml解析器解析该网页的内容, 好像f.content也是返回的html for k in soup.find_all('div',class_='pl2'): #找到div并且class为pl2的标签 b = k.find('a') #在每个对应div标签下找a标签 n.append(b.get_text()) #取标签 a 下的文字，并添加到 n 列表中 for

订阅 font