如何在单个文本区域中使用多个字体？

Question

如何在单个文本区域中使用多个字体？

示例：

<style>
@font-face {    
     font-family: 'MULLAI';     
     src: url('MULLAI.woff') format('woff'); 
           }  
.tamil { 
     font-family:MULLAI; 
     font-size:18px; 
      }
.english { 
    font-family:"Times New Roman", Times, serif; 
    font-size:13px; 
         } 
</style>

<textarea><a class="english">Hello</a>,<a class="tamil">ïH¥Õ£L</a></textarea>

我期望输出应该是

Hello வணக்கம்

实际上我需要在单个文本区域中包含多种语言。我尝试了很多 jquery 编辑器。但它不支持单个文本区域中的多种语言。请帮我解决这个问题。提前谢谢你。

Answer 1

你不能做到。 DOM 无法插入到 textarea 元素。您可以使用 content editable 作为它。您还可以找到更多信息 here.

如何在单个文本区域中使用多个字体？

How to use multiple font face in single text area?

html

javascript

css

jquery

font-face