字體家庭不工作在PHP

Question

我想創建一個字體預覽，但我不能讓字體改變。當我運行的代碼如下所示，輸出的是

我的文字 - ARIAL.TTF - 1個 我的文字 - Batman.ttf - 1個 我的文字 - Verdana.ttf - 1

所以字體正在被發現。它只是不工作。如果我用一個實際的名字替換鍵/數據，比如蝙蝠俠和蝙蝠俠.ttf，它可以工作，儘管每一行都以該字體。任何想法，爲什麼這不工作？

<div> 
<?php 
$fontlist['Arial'] = 'Arial.ttf'; 
$fontlist['Batman'] = 'Batman.ttf'; 
$fontlist['Verdana'] = 'Verdana.ttf'; 

$preview = 'my Text'; 

foreach ($fontlist as $key => $data) { ?> 

    <style> 
    @font-face {font-family:<?php echo $key; ?>; src: url(fonts/<?php echo $data; ?>); } 
    .headerText {font-family:<?php echo $key; ?>; font-weight:bold; font-style:none; font-size:40px; padding:10px 0; text-align:center;  
       width:100%; color:rgb(204,204,204); overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:auto         
       }      
    </style> 
    <?php 
    echo '<span class="headerText">' . $preview . ' - '.$data.' - ' . file_exists('fonts/'. $data) . '</span><br>'; 
    } ?> 

</div> 

Answer 1

試試這個..

<div> 
<?php 
$fontlist['Arial'] = 'Arial.ttf'; 
$fontlist['Batman'] = 'Batman.ttf'; 
$fontlist['Verdana'] = 'Verdana.ttf'; 

$preview = 'my Text'; 

foreach ($fontlist as $key => $data) { ?> 

    <style> 
    @font-face {font-family:<?php echo $key; ?>; src: url(fonts/<?php echo $data; ?>); } 
    .headerText { font-weight:bold; font-style:none; font-size:40px; padding:10px 0; text-align:center; 
       width:100%; color:rgb(204,204,204); overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:auto 
       } 
    </style> 
    <?php 
    echo '<span class="headerText" style="font-family:'.$key.'">' . $preview . ' - '.$data.' - ' . file_exists('fonts/'. $data) . '</span><br>'; 
    } ?> 

</div> 

其因在循環要添加的字體相同的類。當頁面被加載時，循環中的最後一種字體被應用。所以，不要那樣，嘗試添加字體家庭作爲內聯樣式。