是否可以使用javascript加载truetype字体

是否可以使用javascript加载truetype字体,javascript,fonts,truetype,Javascript,Fonts,Truetype,我的服务器中有一个文件夹,其中有几种字体myserver.com/fonts。我有一个JavaScript应用程序,我想在上面使用这些字体。但我不知道如何加载字体并使用它们。有人知道如何加载truetype字体吗? 我知道我可以用Cufon字体,但我宁愿用truetype 我是JavaScript新手,任何例子都将不胜感激 使用CSS字体 @font-face { font-family: Delicious; src: url('myserver.com/fonts/Delicious-Rom

我的服务器中有一个文件夹,其中有几种字体myserver.com/fonts。我有一个JavaScript应用程序,我想在上面使用这些字体。但我不知道如何加载字体并使用它们。有人知道如何加载truetype字体吗? 我知道我可以用Cufon字体,但我宁愿用truetype

我是JavaScript新手,任何例子都将不胜感激

使用CSS字体

@font-face { font-family: Delicious; src: url('myserver.com/fonts/Delicious-Roman.ttf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('myserver.com/fonts/Delicious-Bold.otf'); }
然后使用字体族将其命名为:

h3 { font-family: Delicious, sans-serif; }
您可以使用任何许可的TrueType.ttf或OpenType.otf字体。

使用CSS字体

@font-face { font-family: Delicious; src: url('myserver.com/fonts/Delicious-Roman.ttf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('myserver.com/fonts/Delicious-Bold.otf'); }
然后使用字体族将其命名为:

h3 { font-family: Delicious, sans-serif; }

您可以使用任何许可的TrueType.ttf或OpenType.otf字体。

使用谢谢!那么使用@font-face会自动加载它们吗?我只是想知道它是如何工作的是的,它会自动加载字体。另一个简单的问题,这可以通过JavaScript实现吗?我将在将来通过JSON文件动态添加字体,这样做会更容易。谢谢您可以执行以下操作:document.body.style.fontFamily='…';这会向元素添加预定义字体,但不会向页面添加字体样式。谢谢!那么使用@font-face会自动加载它们吗?我只是想知道它是如何工作的是的,它会自动加载字体。另一个简单的问题,这可以通过JavaScript实现吗?我将在将来通过JSON文件动态添加字体,这样做会更容易。谢谢您可以执行以下操作:document.body.style.fontFamily='…';这会向元素添加预定义字体,但不会向页面添加字体样式。