相关搜索 >> 字体

  • 0504解决中文Chrome内核浏览器最小字体的BUG 阅读(594)条2016/5/4 9:42:01

    最近在做个小字体的内容展示,发现一个奇怪的问题,在Chrome内核的浏览器里,最小字体是12px,比这再小的字体都被统一显示了12px了。在网上搜索了一下才知道。因为中文字体在小于12px的情况下会遇到阅读困难的问题,所以Chrome把最小的字体设置成了12px了。解决的办法有改配置和加样式两种,这里就介绍一下样式修改的方式,因为你不可能要求所有访问都都改浏览器配置吧?哈哈~在网页样式里加上这一句后,就可以显示更小的字体了。-webkit-text-s...阅读全文

    Taget:css chrome bug 

  • 1109如何为IIS增加svg和woff等字体格式的MIME阅读(1316)条2015/11/9 16:52:09

    现在字体图标已经渐渐代替了图片了,移动端用起来也很方便。使用了字体文件来显示矢量的图标,为了能在IIS上正常显示图标,可以通过增加iis的MIME-TYPE来支持图标字体文件下面就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式文件的MIME。增加以下两种文件类型即可:.svg image/svg+xml.woff application/font-woff 我把其它几种也写在下面,供以后学习:.eot application/vnd.ms-fontobject.otf application/octet-stream.ttf applicat...阅读全文

    Taget:svg 字体 iis 移动端 

  • 1015关于移动端font-size思考前端设计稿与工作流阅读(1655)条2015/10/15 13:41:47

    本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。阅读目录1. 问题的引出2. 简单问题简单解决3. 网易的做法4. 淘宝的做法5. 比较网易与淘宝的做法6. 如何与设计协作7. 总结1. 问题的引出最近阅读白树的博文《移动web资源整理》时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设...阅读全文

    Taget:前端 web 字体 设计 

  • 0228html5移动端页面分辨率设置及相应字体大小设置方式阅读(3977)条2014/2/28 16:05:58

    对于html5移动端网页编写CSS网上有很多介绍的文章,但在实际使用过程中还是会纠结.网上的资料太多,且大多都是技术介绍型,特别是针对android上,网上写的各种麻烦,各种复杂,各种不接地气儿...我在做移动端网页时,总是和美工设计的页面有出入,主要还是由于双方对移动端HTML5实现页面还了解还不够。 今天就研究一下各大互联网公司对于移动端页面的处理方式。主要研究对象:BAT(度娘,阿狸,企鹅)这几家的移动端网站或webapp主要研究点:v...阅读全文

    Taget:html5 字体 

  • 0428js显示漂亮的英文字体实例阅读(3685)条2013/4/28 13:31:54

    上一篇中讲到了 【js字体库用canvas绘制效果 】效果看上去挺好看的。cufon 类库的作用是将网页上的文字按设定的字体在 canvas 上绘制出来,这样效果显得非常酷。现在来教大家如何使用这些来实现你的字体美化。(底部附HTML代码)一、准备好cufon-yui.js ;二、准备好一个JS的字体库(本实例使用 imagine font,当然你也可以使用多种字体效果使用方法是一样的);三、就是编写HTML了;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...阅读全文

    Taget:js canvas 字体 实例 

  • 0428js字体库用canvas绘制效果阅读(3955)条2013/4/28 11:20:19

    前几天看到有个英文网站的字体非常漂亮,所以查看了下源代码发现原来是用JS 写的而且支持a:hover事件可以改变颜色图片中例1就是hover效果。然后我就把字体下载下来研究。(可惜的是不支持中文。但支持英文也已经很不错了。看到那么美的字体,想像下自己写的东西全部换成英文就有这么漂亮了。)当然你的浏览器必须支持canvas,也就是说要支持THML5。我看了下代码其实是将英文字体转化成JS编码,而且编码主要是每个字母的画法,字体大小是根据页面...阅读全文

    Taget:js canvas html5 字体 

  • 1203CSS ::selection选中文字后的效果阅读(2745)条2012/12/3 14:06:00

    如何选择文本时,背景是红色,而文本是白色的问题,其实是用CSS样式控制的。效果图如下所示:::selection -- CSS ::selection 伪元素,定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况:CSS E::selection 伪元素浏览器兼容性选择符IE6IE7IE8IE9FFCHOPSAE::selectionnononoyesyesyesyesyes 或许大家对这样的实现并不陌生,可是有很多童鞋可能跟我一样,并不知道是如何实现,因为在默认情况下,选择网站文本都是深蓝...阅读全文

    Taget:css 选中字体 特效 

  • 1201如何在网页中嵌入自己想要的字体(实例下载)阅读(12039)条2012/12/1 10:17:02

    记得以前在国外那些人的网站看到那些字体怎么那么漂亮。而且不像电脑里面自带的字体。原来是通过这个方法来实现的。厉害,我觉得中文那些比较好看的字体,如果能都看到那该多好,不过看中文的TTF字体10M左右。这么大又有谁愿意等你的字体看呢!所以我觉得还是不太可能。除非大家电脑上都安装这种字体那就可以。本文主要介绍如何在网页上使用自己想要而网页中没有的字体(主要是英文,原因就不再说了,前面有提)。文章底部有下载地址跟预览地址!  ...阅读全文

    Taget:字体 网页 font 

  • 1130PS中字体pt与px之间的转化阅读(3008)条2012/11/30 9:37:05

    以前在PS中遇到PT的时候不知道在网页中是多少PX,下面将介绍如何查看大小与转换通常,设计网页时,字体一般会使用像素(px)或者倍数(em)。某一天开始重构页面,用PS打开设计师给过来的稿子,开始切图,在查看文字时,发现字体大小是用pt来设置的,⊙﹏⊙b汗,如下图:为了解pt和px是如何转换的,百度后整理出来的资料如下:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它...阅读全文

    Taget:ps 单位 转换 

  • 0704如何解决IE6 img与元素边界有空隙问题阅读(3584)条2011/7/4 14:04:55

    很多人在在web开发中,经常会遇到图片和临界元素之间有间隔,多发生在ie6下!如以下两种情况1.未加效果在ie6下会出现这种情况!;2、加了display:block处理后的效果;1、代码如下:<style type="text/css">div{width:205px;height:121px;border:1px solid #ddd;padding:5px;}img{width:205px;height:121px;}</style><div></div><div></div><div></div>2、代码如下:<style type="text/css...阅读全文

    Taget:img空隙 容器的字体 display:block 

当前第  1  页 / 共  1  页  总共10条记录  

1