说明:
做网站前端朋友们都知道,用户浏览网站时,网页上的字体是客户电脑上的的。如果说网站使用了用户电脑所没有安装的字体,那预期的效果就没有了,浏览器将会使用电脑默认的字体来显示页面,比如“宋体”。
其实使用用户电脑上没有的字体还是有解决办法的。比如以下两种:
方法1:
准备好字体文件(需要制作几种不同的格式),放置到服务器上,再用 CSS 的方法把字体加载到网页中,这样,即使用户电脑中没有某一种字体,也可...
目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍主要的几种Web字体格式及各浏览器兼容情况。
Web字体格式介绍
TrueType (.ttf)
Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使...
Linux的发行版有上百种,如何选择也是一种难题。以下为收集的资料,仅供参考。
一、Ubuntu Desktop 和 Ubuntu Server
这个是最方便,也是最快捷的方式。如果刚开始使用Ubuntu,且不太熟悉命令行的可以选用Ubuntu Desktop来学习。继而转为Ubuntu Server。对于初学者,Ubuntu可以更好地上手,并且提供了很好提供了apt软件管理方式(这个是目前最好的软件管理方式),使用起来非常方便,同时Ubuntu的社区也非常的活跃,使用的人数...
注:中文的话除了“黑体宋体楷体”也就“雅黑”可选了,以下是英文的几个可用字体(蓝色标注的是本站推荐使用)。另,本文偏重Windows系统。
所有平台都预装的字体,被称为“安全字体”,因为它可以保证所有用户的视觉效果是一样的。字体安全即从安全字体的使用中说起!!
在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。但多数情况下,考虑各个因素...
我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢?
在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。
那么,又怎么来计算选择器的特殊性呢?下面这张图介绍了特殊...
js获取本地即将上传文件的大小:
<input type="file" onchange="fileChange(this);" />
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
function fileChange(target) {
var fileSize = 0;
if (isIE && !target.files) {
var filePath = target.value;
var fileSystem = new ActiveXObject("...
提到图片,我们不得不从位图开始说起,位图图像(bitmap),也称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时,可以看见赖以构成整个图像的无数单个方块。
常见的格式中JPG、PNG、GIF亦属于位图,所以它们的数据结构大致相同,只是每一种图片格式都有不同的压缩算法,不同的扫描方式,但是优化的方法都有一个共同点,都是围绕着每个像素颜色值来下...
什么是扁平化设计?
在实际当中,扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在...
音频:
视频:
歌词:
下了一整夜的雨
早起就是好天气
又在昨晚梦见你
我们快乐的游戏
都是怪我的粗心
责备自己太大意
找不见你的地址
可爸爸就要去邮局
想快点告诉你
我用你送的蜡笔
画了幅画特快传递给你
快点告诉你
我有十二分惦记
再远的路没有什么关系
我的心放在你那里
下了一整夜的雨
早起就是好天气
又在昨晚梦见你
我们快乐的游戏
都是怪我的粗心
责备自己太大意
找不见你的地址
可爸爸就要去邮局
想快点...
一、无图片技术定义
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。
二、为什么要“无图片”?
首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K。明显发现CSS文件比CSS Image小很多。
当然单纯拿这两个来比,还不能说明什么。
下面我们...
做创业公司,你需要四个作用截然不同的故事。
故事一:致投资人;
故事二:致团队;
故事三:致媒体;
故事四:致大众。
故事一:向投资人推销
以风投和天使投们的行事风格,他们通常不是要投资某个特定的科技产业,而是会投给某个散发创新潜力,并能使用创新方法来解决紧迫难题的团队。所以,你的故事需要证明以上两方面。
向潜在投资人推销一定要使用简短、可信、优雅的解决方案,可以把你的创新概念浓缩到四个词以下,使之...
原来越多的工作压得你透不过气来?职场压力是都市人群最常见的问题,小编教你瞬间减压的10种简易习惯,让你轻松工作每一天。
一、写下来
思考更有意义的事情,而不只是记住将要做的事情。大脑通常就像一个漏水的桶子,因而在你遗忘前,把你的好主意、见解、想法写下来,把你所需要做的事情,添进你的待办事项中。
二、一次做一件事
如果你一次做一件事,那么你将取得更好的结果,感觉更好,压力也减少了。因而,你最好不要一次...