Jquery Html样式：字体族在渲染时被弄乱

我正在尝试使用JqueryUI创建一个类似于纸条的程序。我用不同的字体创建了这个便笺，如下所示

在此处输入您的文本

当您使用双引号来包装

style

属性的值时，您需要在其中使用单引号来包装字体名称

目前，您正在使用以下各项：

style="font-family:"Alerta Stencil",sans-serif;"

style="font-family:'Alerta Stencil',sans-serif;"

var fonts=[{font_family:"'Allerta Stencil',sans-serif",name:"f65",val:"Allerta Stencil"};

但是

“

是双引号的实体，因此，本质上，您所写的是：

style="font-family:"Alerta Stencil",sans-serif;"

上面的第二个引号是在

font-family:

之后立即“关闭”

style

属性（我猜您的PHP正在解析

“

实体并输出

”

）

因此，解决方案是将

样式

属性更改为以下内容：

style="font-family:"Alerta Stencil",sans-serif;"

style="font-family:'Alerta Stencil',sans-serif;"

var fonts=[{font_family:"'Allerta Stencil',sans-serif",name:"f65",val:"Allerta Stencil"};

要实现这一点，您需要将JSON更改为以下内容：

style="font-family:"Alerta Stencil",sans-serif;"

style="font-family:'Alerta Stencil',sans-serif;"

var fonts=[{font_family:"'Allerta Stencil',sans-serif",name:"f65",val:"Allerta Stencil"};

---

实际上，我提到jquery在执行$（object.css（'font-family'，'…'）时插入了引号；我自己也做了同样的更改。但这是chrome在应用更改style=“top:749.575px；左：1651.03px；颜色：rgb（185,54,68）；宽度：571px；右：自动；高度：154px；底部：自动；转化：无；字体大小：400；字体大小：1008.51%；字体系列：“Allerta模具”，无衬线；“PHP将其保存为style=“top:812.433px；左：542.454px；颜色：rgb（185,54,68）；右：自动；底部：自动；转化：无；字体大小：1680.8%；高度：自动；宽度：751.857px；字体大小：400；字体系列：“Allerta模具”，无衬线；“但当加载回html时，它会弄乱HTMLSorry。但是在后端，在读取html时，我使用了html_entity_decode。但是使用解决方案和一些自定义代码有助于恢复变形的样式。谢谢@Shaggy