gpt4 book ai didi

jquery - 如何更改已经在客户端的网页的字体?

转载 作者:太空宇宙 更新时间:2023-11-04 04:00:22 25 4
gpt4 key购买 nike

如何更改已在客户端的网页的字体?例如,虽然该站点是阿拉伯语,但我想为客户提供一个选项来更改文章的字体,以便他可以以他最喜欢的方式阅读文章。

例。网址:http://beta.aawsat.com/home/article/49661

请注意,我们已经可以选择“-”或“+”来控制字体大小。我可以为客户提供即时更改字体的最佳方式是什么?

以 Font-Squirrel 为例,您可以通过选择下拉框中的选项来更改字体的属性 ...

例。网址:http://www.fontsquirrel.com/fonts/amble

无论如何我可以做这样的事情来改变文章的字体吗?理想情况下,将提供一个下拉菜单,其中包含 3-5 个网络字体选项供您选择,然后文章将动态更改字体 ...

任何建议或引用链接或想法?

注意事项:

  1. 该网站目前正在使用 Drupal。

  2. 默认为文章加载的字体是“Tahoma”

  3. 类似于使用“+/-”按钮使文本变大或变小的功能,我正在尝试了解如何提供最终用户可以选择他想要的字体的功能阅读文章。

  4. 我想为最终用户提供 3-5 种字体的选项作为下拉列表,当他选择字体时,文章文本将根据该选择重新加载或更改。

  5. 在客户端(即Front-End),目前使用的有CSS、jQuery。

  6. 当然重点是我们将使用 Web 字体,这些字体基于服务器端的 Web 字体,而不是在客户端系统上捕获字体。 (即网站已经使用网络字体,我们将添加 3 到 5 种可用于此功能的网络字体)

最佳答案

  1. 为每种字体定义不同的 CSS 类。
  2. 在 CSS 样式表中为每个类设置不同的字体。
  3. 使用界面元素选择字体并将适当的类应用到 <body>元素。

fiddle 中的示例

关于jquery - 如何更改已经在客户端的网页的字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22180843/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com