如何更改客户端网页的字体?

时间:2014-03-04 19:12:09

标签: jquery html css font-face webfonts

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

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

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

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

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

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

任何建议或参考链接或想法?

注意:

  1. 该网站目前正在研究Drupal。

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

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

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

  5. 在客户端(即前端),有当前使用的CSS,jQuery。

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

2 个答案:

答案 0 :(得分:2)

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

    中的示例

答案 1 :(得分:0)

如果您想要更具体的答案,那么您必须提供更多详细信息。您使用的是哪种客户端和服务器端技术?

如果您希望用户选择的字体保持不变,那么每次访问网站时,默认情况下都会应用他选择的字体,那么您必须将这些设置保存在服务器端。