找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 312|回复: 0

其中包括所有必要的文本编辑功能了这个属性

[复制链接]

1

主题

0

回帖

5

积分

新手上路

积分
5
发表于 2023-8-5 15:18:22 | 显示全部楼层 |阅读模式
请参阅Ilya Medvedev的笔“文本输入” 。
如果您需要一次编辑整个页面,可以使用document.designMode. 此模式允许编辑给定文档中的任何元素,甚至是iframe.

我们选择了该contenteditable属性,,页面上的任何文本都变得可编辑,如果我们想让人们使用 CSS 设置文本样式,这一点非常重要。例如,用户可以直接设置所选部分或整个文本的样式。

文本样式和字体属性
通过提供对 CSS 开箱即用的所有选项的访问,我们使用户 中东移动数据库 能够以他们希望的任何方式设置文本样式。除了众所周知的属性(例如字体、样式、颜色和装饰)之外,我们还为用户提供使用OpenType 字体功能(例如连字、样式集、分数等)的机会。这些功能通过font-feature-settingsCSS 属性发挥作用,允许用户自定义文本样式。

注意:我强烈建议您阅读 Sparanoid 的优秀文章,其中展示了OpenType 的所有功能。

在文本小部件中使用字体属性
在文本小部件中使用字体属性。(大预览)
现代印刷术已经向前迈出了一大步,允许通过属性在网络上使用可变字体font-variation-settings。



OpenType 字体功能展示
OpenType 字体功能展示。(大预览)
每个可变字体都有可变属性,您可以更改其值。例如,在标准字体中,您可以使用严格指定的值( 、400、500等600)更改字体粗细,而在可变字体中,您可以使用可用范围内的任何值,从而为文本样式提供更广泛的可能性。除了注册值(wght、wdth、slnt等)之外,字体制造商还可以创建自己独特的字体特征(如上例所示)。为了让我们的用户有机会使用所有可能的字体功能,我们首先需要这些信息。


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|任务岛

GMT+8, 2024-11-14 21:42 , Processed in 0.235134 second(s), 19 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表