如何更改已经在客户端上的网页的字体？示例尽管站点是阿拉伯语，但我想为客户提供一个选项来更改文章的字体，以便他可以以他最喜欢的方式阅读文章。
例如网址：http://beta.aawsat.com/home/article/49661
注意，我们已经有一个选项“-”或“ +”来控制字体大小。我可以为客户提供即时更改字体样式的最佳方法是什么？
对于Font-Squirrel的示例，您可以通过选择下拉框上的选项来更改字体的属性...
例如网址：http://www.fontsquirrel.com/fonts/amble
无论如何，我可以做这样的事情来更改文章的字体吗？理想情况下，将提供一个带有3-5种网络字体选项的下拉菜单供您选择，然后文章将即时更改字体...
有任何建议或参考链接或想法吗？
笔记：
该网站目前正在使用Drupal。
默认情况下，为该文章加载的字体是“ Tahoma”
与使用“ +/-”按钮使文本变大或变小的功能类似，我试图查看如何提供最终用户可以选择要用来阅读文章的字体的功能。
我想为最终用户提供3-5种字体的选项作为下拉列表，当他选择字体时，使用该选择将重新加载或更改文章文本。
在客户端（即前端），目前使用CSS，jQuery。
当然，重点是我们将使用Web字体，这些字体基于服务器端的Web字体，而不是在客户端系统上捕获字体。 （即该网站已使用网络字体，我们将添加3至5种可用于此功能的网络字体）
最佳答案
为每种字体定义不同的CSS类。
在CSS样式表中为每个类设置不同的字体。
使用界面元素选择字体，然后将适当的类应用于<body>元素。
此fiddle中的示例