如何在html中使用自定义字体

如何在html中使用自定义字体,第1张

<style>

@font-face {

      font-family: 'Raleway'

      src: url("Tpl/Css/raleway_thin.otf")

   }    

</style>

src是字体位置;font-family是你为此字体的命名

1、padding内边距:

例如:将div容器中的文字内容放在距离容器的左侧边框的20px,顶部边框的100px的位置。

注意:在容器里使用了padding的话,会改变容器的大小,所以在写代码之前要先计算好容器的大小及padding。

代码:

2、margin外边距:

代码:

3、绝对定位position:absolute; top:50px left:20px

让文字内容相对div容器绝对定位,需要对div容器设置:position:relative;

代码:

扩展资料:

html调整文字位置:

<p style="text-align:left">居左</p>

<p style="text-align:right">居右</p>

<p style="text-align:center">剧中</p>

<p style=" padding:10px 5px 5px 20pxborder:#000 solid 1pxheight:300pxwidth:300px">padding:上 右 下 左</p>

<html>

<body>

<h1 style="font-family:verdana">A heading</h1>

<p style="font-family:courier">A paragraph</p>

</body>

</html>

在 HTML 中,字体标签是不被支持的。一般都认为,在今后版本的 HTML 中,这个标签会被清除出去。

即使很多人都在用它,我们都应该尽量避免它,而使用样式取而代之。

在最新的 HTML 版本(HTML 4 和 XHTML)中,字体标签已被废弃。

万维网联盟已从其标准中删除了字体标签,在未来,样式表(CSS)将用来定义布局,以及显示 HTML 元素的属性。

size="number"size="2"定义字体大小。size="+number"size="+1"增加字体的大小。size="-number"size="-1"减少字体的大小。face="face-name"face="Times"定义字体名称。color="color-value"color="#eeff00"定义字体颜色。color="color-name"color="red"定义字体颜色。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7600370.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存