Question

我有一个IFrame引用同一个域上的文件，没有问题。通过JavaScript，我可以改变字体大小，颜色，一切。除了font-family。很奇怪。它会让我改变所有属性，但家庭，这是我需要的！

function changeFont()
    {
        var x = document.getElementById("image");
        var y = x.contentDocument;
        y.body.style.fontSize = "20px";
        y.body.style.color = "red";
        y.body.style.fontFamily = "Algerian";
    }

<iframe onload="changeFont()" id="image" width="100%" height="400" src="@Url.Content("~/Content/temp.txt")"></iframe>

Answer 1

要更改font-family属性，由于连字符，您必须执行此类操作。

function changeFont()
{
    var x = document.getElementById("image");
    var y = x.contentDocument;
    y.body.style.fontSize = "20px";
    y.body.style.color = "red";
    y.body.style["font-family"] = "Algerian";
}

Answer 2

我通过学习和使用编码解决了这个问题。对于特定字体，我不得不使用Windows编码。

更改同域IFrame中的font-family

2 个答案: