允许用户更改字体答案

【问题标题】：Allow user to change font允许用户更改字体
【发布时间】：2016-12-10 20:53:34
【问题描述】：

我有一个带有文本的 SVG，我试图让用户通过从谷歌字体加载的选择和选项进行更改。我正在对 google 字体 api 进行 $http 调用，以获取字体列表及其附带的所有信息。我知道 google webfontloader（虽然我不太确定如何实现它），但我仍然很难将文本更改为适当的选定字体。我正在使用 Angularjs。

对于问题；如何实现从 API 获取的信息以允许用户更改字体？

【问题讨论】：

马上，您可以添加 style="font-family:{{ selectedGoogleFont }};"在你的元素中。
@Rob 我有这样的 SVG； <tspan ng-repeat="text in vm.NametagLines track by $index" ng-attr-font-family="{{text.Font}}" ng-attr-font-size="{{text.FontSize + 'pt'}}" ng-attr-fill="{{text.Color}}" ng-attr-x="{{vm.TextGroupMaster.X}}" ng-attr-dy="{{text.Y}}">{{vm.Lines[$index] || text.Label}}</tspan>
看到这个答案：stackoverflow.com/questions/13757196/…

标签： angularjs google-font-api webfont-loader

【解决方案1】：

这是一种工作角度方式，允许用户使用 google api jsFiddle 更改字体样式。

这里有一些代码，因为没有它我无法发布这个答案。

var myApp = angular.module('myApp', []);

我以 fiddle 为起点，将其从纯 javascript 更改为 angular。

【讨论】：