css字体设置置

来源：蜘蛛抓取(WebSpider) 时间：2015-11-01 21:10 标签： xp字体设置
平面设计教程子分类adroid studio 配色方案及字体设置 - dbwang - ITeye技术网站
博客分类：
2013 Google I/O 给我们带来了很多非硬件方面的惊喜，其中Android Studio项目是Android移动开发者比较关注的。笔者第一时间下载进行了尝试。很好强大，不过笔者有强迫症，没有看到大会上演示的配色方案。默认字体和样式需要自定义一下。
所以此文写给和笔者一样有强迫症的朋友
一、修改默认的配色方案
1. 修改ide默认的样式
首先需要进入到andord studio 的IDE Setting…… 界面。两种方式：
1.1 点击工具栏上的小扳子图标（设置）
1.2 file-&setting-&
2. 在设置页面选择Editor-&Editor&Fonts
3. 在scheme name 下拉框选择Darcula。
4. 点击apply 哈哈，样式变了吧
二、修改编辑器的字体
默认你选择的样式的字体是不可以修改的。你需要点击样式，旁边的Save as……按钮。名称随便自己起一个。然后就可以修改字体大小了
三、修改IDE的字体
在Apperance界面选项下，勾选Override defaults font by……，下来框中选择你喜欢的字体
浏览 15045
浏览: 21988 次
来自: 大连
一个网页造成CPU的风扇巨响！
对程序员来说，错别字就像语法级的bug，写的时候尽量注意点，不 ...
方便记忆纯属乱编，无非是微博前期140个字的限制而已。。。。。 ...
为啥我总觉得这个“薄”字看着怪怪的～
微薄 or 微博？对于html5移动端网页编写CSS网上有很多介绍的文章，但在实际使用过程中还是会纠结.
网上的资料太多，且大多都是技术介绍型，特别是针对android上，网上写的各种麻烦，各种复杂，各种不接地气儿...
我在做移动端网页时，总是和美工设计的页面有出入，主要还是由于双方对移动端HTML5实现页面还了解还不够。&
今天就研究一下各大互联网公司对于移动端页面的处理方式。 主要研究对象：BAT(度娘，阿狸，企鹅)这几家的移动端网站或webapp 主要研究点：viewport的设置，字体的设置，图片原始宽高设置
汝甚吊，令尊知否？
&咦？target-densitydpi呢？
网上有老复杂的计算，针对不同的屏幕分辨率，通过公式计算出不同结果再用JS输出到viewport上，各种云云，&我只想说：汝甚吊，令尊知否
google现在也已经不建议使用target-densitydpi这一属性，webkit中已移除了，请看这里
现代移动端网站的最佳实践
&我看了BAT的移动端页面中，现在是没有target-densitydpi这个东西了。
最佳实践：
1、在viewport中将width设置为device-width,&如：
&meta name=&viewport& content=&width=device-width&&
2、并且将网页设计成自适应方式
先有再优才是王道
CSS中关于分辨率宽度设置：
宽度可以使用320px为标准，图片宽度可以以640px为标准。
这样一方面兼容了低分辨率的低端机，一方面兼容了高分辨率的高端机，缺点是可能会浪费些流量，但开发效率上来讲那是极好的，要保证。
字体单位设置
几个网站中大概使用了以下几个单位
Fontsize单位：px,&em,&%,&rem
只有淘宝首页使用了rem这个单位，果然是淘宝的UED比较喜欢尝试新的东西，这个单位是CSS3中新加入的，结合了em与px的优点，摒弃了em与px的(不易操控)缺点
关于字体单位详细介绍可以参考这片文章
Viewport中的initial-scale值
除淘宝首页的initial-scale设置了0.5，iphone4下相当于640宽度分辨率。
其它的initial-scale均是1.0的设置，即iphone4下320宽度的分辨率，包括淘宝内页或则其内部的天猫，微淘等频道或产品。
各移动端网站截图说明
以下是各移动端网站页面initial-scale值、字体、间距等
0.5缩放，所以它的边距设置的是24px但实际视觉上看到的像素是12px
淘宝聚划算频道
腾讯QQ官方
我只是简单的对BAT巨头们的移动端网站，在chrome浏览器debug模拟器的查看了它们相应的HTML及CSS
对于移动端页面布局方面我应该也算是新手，新手上路... 大家多躲躲我,免得追尾了。
我水平有限，此文仅供参考，欢迎讨论
========================================================，如果是遨游，还有一个网页缩放呢，在查看里可以找到。
您的举报已经提交成功，我们将尽快处理，谢谢！
大家还关注广告剩余8秒
文档加载中
精品：font 设置字体大小 font 字体 字体转换fontcraft html font 字体 font rive..
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
font字体设置
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口

我要回帖

更多关于 xp字体设置 的文章

 

随机推荐