font-stretch(fontstretch)

http://www.itjxue.com  2023-02-09 05:50  来源:未知  点击次数: 

css里边字体宽度怎么写

css2中有font-stretch这个属性设置字体宽度,对字体进行伸缩变形。

其属性值有:normal(默认值。把缩放比例设置为标准);

wider(把伸展比例设置为更进一步的伸展值);

narrower(把收缩比例设置为更进一步的收缩值);

ultra-condensed;extra-condensed;condensed;semi-condensed;semi-expanded;expanded;extra-expanded;ultra-expanded等

但目前主流浏览器都不支持这一属性。但也可以用JSP解决,

“object.style.fontStretch="ultra-expanded"

小程序font-family有哪些

小程序font-family按顺序有: font-style (文字样式)、font-variant (是否小型大写字母)、font-weight(字体粗细)、 font-size/line-height(字体尺寸大小)、 font-family(字体名称)、ont-stretch(字是否横向拉伸变形)。

具体情况:

1、font-style:文字样式。

取值:normal

正常的字体, italic ? 斜体字, ? oblique ?倾斜的字体。

2、font-weight:设置文本字体的粗细。取值范围为100-900.

取值:mormal:正常大小相当于400。bold :粗体,相当于700。

3、font-size:设置字体尺寸大小。

4、font-variant:设置对象中的文本是否为小型的大写字母。

取值:mormal 正常的字体。small-caps ?小型的大写字母字体。

5、font-family:设置字体名称。

6、font-stretch:设置对象中的文字是否横向拉伸变形。

取值:normal:正常文字宽度。

ultra-condensed:比正常文字宽度窄4个基数。

extra-condensed:比正常文字宽度窄3个基数。

condensed:比正常文字宽度窄2个基数。

semi-condensed:比正常文字宽度窄1个基数。

semi-expanded:比正常文字宽度宽1个基数。

expanded:比正常文字宽度宽2个基数。

extra-expanded:比正常文字宽度宽3个基数。

ultra-expanded:比正常文字宽度宽4个基数。

HTML中h1中怎么设置字体为宋体?

HTML中h1标签设置字体使用“font-family”,将h1的字体样式设置为“font-family:‘宋体’”,即可,这时h1标签内容显示的字体就是宋体了。

具体代码如下:

style

h1{

font-family:宋体;

font-weight:normal;

/style

h1测试字体/h1

(注:h1标签的字体不设置新的字体时,默认的字体就是宋体,所以若需要设置h1字体为宋体时,是不需要修改的,其原本默认就是宋体。)

扩展资料:

H1标签其他字体样式

1、font 简写属性。作用是把所有针对字体的属性设置在一个声明中。

2、font-size:设置字体的尺寸。

3、font-size-adjust:当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)

4、font-stretch:对字体进行水平拉伸。(CSS2.1 已删除该属性。)

5、font-style:设置字体风格。font-variant 以小型大写字体或者正常字体显示文本。

6、font-weight:设置字体的粗细。

什么是@font-face及font-face如何在css中使用

@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主要定义字体样式,如斜体。

在css样式里面这些单词是什么意思?

建议你去下载CSS参考手册看一看。(另单词好像你打错了,CSS里只有ultra ltr )

font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded

设置或检索用于对象中文本的文字是否横向的拉伸变形。

改变是相对于浏览器显示的字体的正常宽度的。

normal : 默认值。不应用拉伸变形

narrower : 使用比当前设置的值导致字体宽度更小的值

wider : 使用比当前设置的值导致字体宽度更大的值

extra :特

ultra : 极

condensed : 收缩的 窄的

expanded: 扩展的 宽的 自己组合就知道意思了 指的各种拉伸的程度

不过font-stretch理论上来讲是改变字体宽度的样式(Style)。但实际上,暂时普遍适用的浏览器及版本,并不支持这个属性,也就是说,暂时看来这个属性是无效的,也许某天某个浏览器会支持它吧。

direction : ltr | rtl | inherit

ltr : 默认值。文本从左到右流入

rtl : 文本从右到左流入

inherit : 文本流入方向由继承获得

用于设置文本流入的方向。简单地说,就是ltr(left to right) 文字从左写到右 , rtl(right to left)则是从右写到左

此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。

假如您想应用此属性于内联文本,您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。

(责任编辑:IT教学网)

更多

相关网络媒体文章

推荐网络媒体文章