在php中更改字体

时间:2015-04-24 19:03:30

标签: php css

我正在尝试更改网站的php部分的字体以使用googlefont。我尝试过各种css选项和样式选项但似乎没什么用。任何人都可以分享一些想法。这是我的代码:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>View Records</title>
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>

    </head>
    <body>

    <?php
    /* 
    VIEW.PHP
    Displays all data from 'players' table
    */

    // connect to the database
    include('connect-db.php');

    // get results from database
    $result = mysql_query("SELECT * FROM `MEN - IAAF WORLD CHAMPIONSHIPS` WHERE 1") 
    or die(mysql_error());  

    echo "<table border='1' cellpadding='10'>";
    echo "<tr> <th>EVENT</th> <th>ATHLETE 1</th> <th>PERFORMANCE</th> <th>ATHLETE 2</th><th>PERFORMANCE</th><th>ATHLETE 3</th><th>PERFORMANCE</th>      <th></th></tr>";

    // loop through results of database query, displaying them in the table
    while($row = mysql_fetch_array( $result )) {

    // echo out the contents of each row into a table
    echo "<font size='18' face='Arial'><tr>";
    echo '<td>' . $row['Event'] . '</td>';
    echo '<td>' . $row['Athlete1'] . '</td>';
    echo '<td>' . $row['Performance1'] . '</td>';
    echo '<td>' . $row['Athlete2'] . '</td>';
    echo '<td>' . $row['Performance2'] . '</td>';
    echo '<td>' . $row['Athlete3'] . '</td>';
    echo '<td>' . $row['Performance3'] . '</td>';
    echo '<td><a href="edit.php?id=' . $row['id'] . '">Edit</a></td>';

    echo "</tr>"; 
    } 

    // close table>
    echo "</table>";
    ?>
    </p>

    </body>
    </html> 

3 个答案:

答案 0 :(得分:0)

您是否记得将font-family: Abel, serif添加到您的css文件中?

如果您希望此字体为网站范围:

body{
  font-family: Abel, serif;
}
编辑:我没有看到你自己的css样式表的链接。如果您只需要更改一个样式,则可以将样式标记更改为样式标记。

答案 1 :(得分:0)

您可以尝试添加CSS选择器,或者使用style标记上的<tr>进行内联编辑,如下所示:

echo '<tr style="font-family: 'Arial'; font-size: 18px">';

答案 2 :(得分:0)

您需要导入字体然后在某处使用它。您刚刚在那里导入了Abel字体,但您没有使用它。

使用谷歌字体的最佳方法是定义一个像这样的新.css文件

@import url(http://fonts.googleapis.com/css?family=Abel);

.newfont {

font-family: 'Abel', sans-serif;

}

然后你只需要在你想要的元素中使用那里定义的标签。在您的示例中:

echo "<td class='newfont'>" . $row['Event'] . "</td>";
echo "<td class='newfont'>" . $row['Athlete1'] . "</td>";
echo "<td class='newfont'>" . $row['Performance1'] . "</td>";
echo "<td class='newfont'>" . $row['Athlete2'] . "</td>";
echo "<td class='newfont'>" . $row['Performance2'] . "</td>";
echo "<td class='newfont'>" . $row['Athlete3'] . "</td>";
echo "<td class='newfont'>" . $row['Performance3'] . "</td>";
echo "<td class='newfont'>"<a href="edit.php?id=' . $row['id'] . '">Edit</a></td>";

echo "</tr>"; 
} 

或者如果你想在任何地方使用该字体,你可以将该类应用于正文。

PD:您需要创建新的css文件,然后需要从要使用它的.php文件的标题中调用它。

示例:

<link href="styles/newstyle.css" rel="stylesheet" type="text/css" />