1、怎么通过外部引用CSS,让一个页面里有多种字体效果?
很简单哦,你知道在样式表里写,比如:
.aaa { font-family:Verdana, Geneva, sans-serif}
.bbb { font-family:"宋体"}
如果你超链接需要2种样式效果,可以这样写.
.ft01 { color: #00397f; font-size:14px; font-weight:bold}
a.ft01:link {color: #00397f;text-decoration: none;}
a.ft01:visited {text-decoration: none;color: #00397f;}
a.ft01:hover {text-decoration: underline;color: #00397f;}
a.ft01:active {text-decoration: none;color: #00397f;}
.ft02 { color: #00397f; font-weight:bold}
a.ft02:link {color: #00397f;text-decoration: none;}
a.ft02:visited {text-decoration: none;color: #00397f;}
a.ft02:hover {text-decoration: underline;color: #00397f;}
a.ft02:active {text-decoration: none;color: #00397f;}
然后用class调用样式就可以了.
2、如何在网页中嵌入任意字体
网页中可以使用任何字体,我们来看一下如何在网页中嵌入任意的字体。字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:①不可能大范围的使用该字体;② 图片内容相对使用文字不易修改;③不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。第一步获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。.TTF或.OTF,适用于Firefox 3.5、Safari、Opera.EOT,适用于Internet Explorer 4.0+.SVG,适用于Chrome、IPhone下面要解决的是如何获取到某种字体的这三种格式文件。一般地,我们在手头上(或在设计资源站点已经找到)有该字体的某种格式文件,最常见的是.TTF文件,我们需要通过这种文件格式转换为其余两种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或onlinefontconverter提供的在线字体转换服务获取。这里推荐第一个站点,它允许我们选择需要的字符生成字体文件(在服务的最后一个选项),这样就大大缩减了字体文件的大小,使得本方案更具实用性。第二步获取到三种格式的字体文件后源码天空,下一步要在样式表中声明该字体,并在需要的地方使用该字体。字体声明如下:@font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'),local('fontName'),url('fontName.woff') format('woff'),url('fontName.ttf') format('truetype'),url('fontName.svg#fontName') format('svg');}/*其中fontName替换为你的字体名称*/在页面中需要的地方使用该字体:
3、html文件如何引用外部css文件?
答案(代码详情):<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="D: estfont.css" rel="stylesheet" type="text/css">
</head>
<body>
这是测试,默认是黑色</p>
</body>
</html>
在同一个文件夹里面你就直接写文件名font.css就行了,千万不要用你的windows下面的文件路径,这样是访问不到的。
4、如何在网页中内嵌字体
下面要解决的是如何获取到某种字体的这三种格式文件。一般地,我们在手头上(或在设计资源站点已经找到)有该字体的某种格式文件,最常见的是.TTF文件,我们需要通过这种文件格式转换为其余两种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或onlinefontconverter提供的在线字体转换服务获取。这里推荐第一个站点,它允许我们选择需要的字符生成字体文件(在服务的最后一个选项),这样就大大缩减了字体文件的大小,使得本方案更具实用性。
第二步获取到三种格式的字体文件后源码天空
,下一步要在样式表中声明该字体,并在需要的地方使用该字体。
字体声明如下:
@font-face {
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');}/*其中fontName替换为你的字体名称*/
在页面中需要的地方使用该字体:
5、如何在HTML中使用图标字体
首先,需要有这么个"图标主体"库 ,其次把这个"图标字体"库,引入html页面是图标字体库对应的css引入html ,最后使用"图标字体"库 具体操作。
6、在网页制作里 如何使用自己设计的字体?不用切图
如果是常用字体,如 “微软雅黑”这种基本人手都有。其他设计字体还是切成图吧,目前还难以办到。
7、本地的字体怎么引用@font-face
@font-face是什么:
@font-face是一个css命令,用来导入服务器端字体,将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。因此本地浏览器浏览网页时,不需要设置字体,就可以查看@font-face设置的任何字体。
@font-face在css中使用:
@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主要定义字体样式,如斜体。
8、css如何调用外部字体,谢谢
这个目前只有支持CSS3.0的浏览器才能实现@font 这个....
9、怎么在html页面中引用自定义的字体
如何理解“自定义的字体”?
是你自己设计的字体,还是想使用非系统默认(win里的雅黑,mac里的冬青黑体)的字体?
如果是你自己设计的字体,建议使用font-face,在css里引用。
如果是使用非系统默认的字体,可以用font-family,在css里引用。
10、设置html中的字体,但有的电脑没这样的字体,我在网页文件目录中放一个这样的样式,可以引用该字体不?
不可以,
你没权限吧这个字体放到别人的操作系统盘的字体文件夹下安装这个字体
一定想设置HTML中的特殊字体,只能把这些文字写在一个图片里面,做成图片来实现