2017-08-27 56 views
-1

我想建立一个网站,将从fontbit(一个希伯来语字体公司)下载字体。 这里我所做的:HTML和JS的形式,不工作

<!DOCTYPE html> 
<html> 
<head> 
<title>הורדת פונטים מפונטביט בחינם</title> 
</head> 
<body align="center"> 
<form name="form" onsubmit="return downloadFont()" method="post"> 
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br> 
<input type="text" name="name"><br><br> 
<input align="left" type="radio" name="fonttype" value="regular">Regular<br> 
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br> 
<input type="submit" value="download"> 
</form> 
<script> 
function downloadFont() { 
    var fontName = document.form["form"]["name"].value; 
    var fontType= document.form["form"]["fonttype"].value; 
    function bold() { 
    var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot"; 
    window.location=url; 
    } 
    function regular() { 
    var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot"; 
    window.location=url; 
    } 
    if (fontType == regular) { 
    regular(); 
    } 
    if (fontType==bold) { 
    bold(); 
    } 
    else { 
    alert("error"); 
    } 
} 

</script> 
</body> 
</html> 

林初学,所以也许我做了一个巨大的错误, 的问题是,当我点击下载中心应该带我去的URL。 但它什么都不做。 (希伯来语文本是“英文字体mame:”)

+0

函数bold()的结果 - HTTP错误404.0 - 未找到 您正在查找的资源已被删除,名称已更改或暂时不可用。 – Wordica

+0

这是什么意思?我是一个总的初学者 –

+0

这些是受版权保护的字体,你需要有一个许可证,标题说“从字体位下载免费字体”的事实可能是非法使用 –

回答

0

您在代码中有几个错误。只要将你的代码与这个代码进行比较,你就会知道你做了什么错误。 试试这个代码:

<!DOCTYPE html> 
<html> 
<head> 
<title>הורדת פונטים מפונטביט בחינם</title> 
</head> 
<body align="center"> 
<form name="form" onsubmit="return downloadFont()" method="post"> 
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br> 
<input type="text" name="name"><br><br> 
<input align="left" type="radio" name="fonttype" value="regular">Regular<br> 
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br> 
<input type="submit" value="download"> 
</form> 
<script> 
function downloadFont() { 
    var fontName = document.forms["form"]["name"].value; 
    var fontType= document.forms["form"]["fonttype"].value; 

    if (fontType == 'regular') { 
    regular(fontName); 
    } 
    else if (fontType=='bold') { 
    bold(fontName); 
    } 
    else { 
    alert("error"); 
    } 
} 
function bold(fontName) { 
    var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot"; 
    window.open(url, '_blank'); 
} 
function regular(fontName) { 
    var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot"; 
    window.open(url, '_blank'); 
} 

</script> 
</body> 
</html> 

也许有需要在你的URL稍加修改。

+1

“只是比较你的代码”,实际上你**应该解释OP他的代码有什么问题...... – Ivan

+0

你的代码中也有几个错误,正如已经指出的那样 - 你可以使用这里的工具来识别它们:https://validator.w3.org/#validate-by-input 输出为: 第6行:在此处元素正文不允许使用属性对齐方式。 第8行:此时不允许在元素跨度上进行属性对齐。 第10和11行:输入元素上的align属性已过时。改用CSS。 除此之外还有许多其他应该考虑的问题。 – srattigan

+0

其实我只是专注于JavaScript,这就是为什么我忘记改变这一点。无论如何谢谢你。 –