CSS设置网页的字体 防浏览器浏览页面字体变形

电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看.

拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题.

由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family .  而网易的就有 . font-family:"宋体", arial;

这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字体不知道怎么就这样了. 而我傻的还不知道怎么改回来. 那么看网页的字体就这样了. 我想地球这么大. 像我这样的人应该大有人在吧. 所以.在写CSS还是设置一下网页的字体吧.
可能有人会问:
1、在CSS设置字体怎么设置？
答：在CSS文件中加入这一行。 


代码如下:

body{font-family:Verdana, "宋体", Arial,Sans;}

2、你为什么把“Verdana”放在“宋体”的前边？
答：举两个例子你就知道了！
A、这个例子，我是设置 font-family:Verdana, "宋体", Arial,Sans ； 


代码如下:

<style>body{font-family:Verdana, "宋体", Arial,Sans;font-size:12px;}</style>A、这个例子，我是设置 font-family:Verdana, "宋体", Arial,Sans ；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://shanghai.kijiji.cn" target="_blank">客齐集</a><br />

这样写的目地是让英文字体更好看一些，用英文字体VERDANA来显示。而不是用中文宋体来显示。

B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ； 


代码如下:

<style>body{font-family: "宋体",Verdana, Arial,Sans;font-size:12px;}</style>B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ；  
 ；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://www.163.com" target="_blank">网易</a><br />

这样写网页中的英文字体看不去不太舒服，网易不用这样的写法，我相信一定有他的道理的。

说明：以上写法只适用于WINDOWS操作系统。

赞 (0)

相关推荐

  • CSS设置网页的字体 防浏览器浏览页面字体变形

    CSS设置网页的字体 防浏览器浏览页面字体变形

    电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family .  而网易的就有 . font-family:"宋体", arial; 这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字体不

  • 网页设计中的 serif 和 sans-serif字体应用

    网页设计中的 serif 和 sans-serif字体应用

    Howdy, 大家好,又是我~ 上一次我们简单的谈了一下font set和一些要注意的基本问题.今天我们继续字体这一话题,深入讲讲上次提到的"通用字体族".首先是最常用的 serif 和 sans-serif 这两个通用字体族. - serif Serif 在印刷学上指衬线字体.为了理解衬线字体的概念,大家先看几个典型的衬线字体的例子: My Georgia字体 King Times New Roman 字体 汉字 宋体 单词 My 中的字母 "M"上下方突出的短横

  • VSCode设置网页代码实时预览的实现

    一.设置描述 1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个步骤上. 2.其实我们可以在VSCode中配置一个网页服务器,修改完代码之后只需要保存代码浏览器就可以实时预览 二.操作步骤 1.打开VScode,点击坐标工具栏的最后一个进入插件安装 2.如果没有显示左边的工具栏,也可以在View中找到Extensions进入插件安装 3.在

  • 老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

    众所周知,CSS样式有三种类型:行内样式.内部样式和外部样式,JavaScript获取CSS样式时分为两种情况:行内样式获取法 和 非行内样式获取法 . 一.行内样式获取相对简单,通过element.style.attr(元素.style.属性)即可获取,示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jav

  • 用js限制网页只在微信浏览器中打开(或者只能手机端访问)

    用js限制网页只在微信浏览器中打开 js $(function(){ //判断页面是否是在微信浏览器打开 //对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { window.location.href = "wxError.html";//若不是微信浏览器,跳转到

  • 解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了

    1.今天网上下载一个博客项目,发现本地访问,js,css加载不了. 我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下 在settings.py里面编辑 添加 STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) 另外把 STATIC_ROOT = os.path.join(BASE_DIR, 'static') 改为 STATIC_ROOT = os.path.join(BASE_DIR, 'static1') 即这里面的s

  • 用C#+Selenium+ChromeDriver爬取网页(模拟真实的用户浏览行为)

    用C#+Selenium+ChromeDriver爬取网页(模拟真实的用户浏览行为)

    以下文章来源于公众号:DotNetCore实战 1.背景 Selenium是一个用于Web应用程序测试的工具.Selenium测试直接运行在浏览器中,就像真正的用户在操作一样.而对于爬虫来说,使用Selenium操控浏览器来爬取网上的数据那么肯定是爬虫中的杀手武器.这里,我将介绍selenium + 谷歌浏览器的一般使用. 2.需求 在平常的爬虫开发中,有时候网页是一堆js堆起来的代码,涉及很多异步计算,如果是普通的http 控制台请求,那么得到的源文件是一堆js ,需要自己在去组装数据,很费力

  • Javascript结合css实现网页换肤功能

    Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能) <ul id="skin"> <li id="s

  • Windows下使用apache模块实现合并多个js、css提高网页加载速度

    Windows下使用apache模块实现合并多个js、css提高网页加载速度

    现在的网站表现力越来越丰富,页面加载的js和css自然也越来越多.当网站页面上的js和css太多,浏览器打开页面的速度就会很慢,明显降低了用户的体验.使用mod_concatx, 可以合并多个文件在一个http响应报文中,可以有效提高js/css的加载速度. 示例效果如下: mod_concatx模块是在mod_concat基础上修改的,感谢他们的工作. 原有的mod_concat模块有很大的参考价值,但实际作用不大. 该模块存在以下三个问题: 1.每次都会重新向客户端发数据,没有合理利用浏览器

  • JS设置网页图片vspace和hspace属性的方法

    本文实例讲述了JS设置网页图片vspace和hspace属性的方法.分享给大家供大家参考.具体分析如下: hspace可以以像素为单位,指定图像左边和右边的文字与图像之间的间距:vspace 值则是上面的下面的文字与图像之间的距离的像素数 <!DOCTYPE html> <html> <head> <script> function setSpace() { document.getElementById("compman").hspac

随机推荐