Question

以下日期/时间时钟脚本可以很好地工作，但不能使用简单的@ font-face设置，如下所示。我看不到有什么可以阻止它工作的。会是什么？

<style>

@font-face {
  font-family: "Euphorigenic-Regular";
  src: url("fonts/Euphorigenic-Regular.eot"); /* IE9*/
  src: url("fonts/Euphorigenic-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/Euphorigenic-Regular.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/Euphorigenic-Regular.woff") format("woff"), /* chrome、firefox */
  url("fonts/Euphorigenic-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/Euphorigenic-Regular.svg#Euphorigenic-Regular") format("svg"); /* iOS 4.1- */
}

</style>

<script type="text/javascript"> 

function date_time(id) {
    date = new Date();
    year = date.getFullYear();
    month = date.getMonth();
    months = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec');
    d = date.getDate();
    day = date.getDay();
    days = new Array('Sun', 'Mon ', 'Tues ', 'Wed ', 'Thu ', 'Fri ', 'Sat ');
    h = date.getHours();
    if (h < 10) {
        h = "0" + h;
    }
    m = date.getMinutes();
    if (m < 10) {
        m = "0" + m;
    }
    s = date.getSeconds();
    if (s < 10) {
        s = "0" + s;
    }
    const pmOrAm = h > 12 ? "PM" : "AM";
    const hoursIn12 = h > 12 ? h - 12 : h;
    result = '' + days[day] + ' ' + months[month] + ' ' + d + ', ' + year + ' ' + hoursIn12 + ':' + m + ':' + s + ' ' + pmOrAm;

    document.getElementById(id).innerHTML = result;
    setTimeout('date_time("' + id + '");', '1000');
    return true;
}

</script>

<body>

<div style="font-family:Euphorigenic-Regular; position:fixed;" id="date_time"></div>

<script type="text/javascript">window.onload = date_time('date_time');</script> 

</body

日期/时间时钟脚本不支持字体设置

0 个答案: