Question

我已经在索引页面上工作，直到我决定如何构建整个网站，并且我遇到了一个小问题。

我正在使用google字体，该字体适用于localhost，但在将文件上传到我的webshost时无效。

你能帮忙吗？

这是字体下载链接 - http://www.fontsaddict.com/font/pt-mono.html

非常感谢！

<html>
<head>
<title> Epicenter: Moscow </title>
<center>
<style>
@font-face { font-family: PTmono; src: url('PTM55FT.TTF'); } 
h1 {
font-family: PTmono
}
</style>
<style type="text/css">
    html, body {
        margin-left: 8%;
	margin-right: 8%%
        border: 0;
        width: 84%;
    }

    body {
        padding: 0 20px;
    }

    #main {
        margin: 0 auto; /* in case you want to set a fixed width on this as well */
    }
</style>
</style>
</head>
<body>
<img src="logosmall.png" height ="120" width="500">
<br><br>
<h1><font size="3"> We are Epic Esports Events</h1></size></center>
<br><br>
<h1><font size="1">Epic Esports Events представляет новый турнир в дисциплине Dota 2 – EPICENTER: Moscow, с призовым фондом в размере $500 000. Соревнование пройдет с 9 по 15 мая 2016 года в Москве. </p>

<p>EPICENTER: Moscow состоит из трех частей. Первые два этапа будут проведены в приватном режиме в одном из столичных отелей (ссылка на Лотту). Плей-офф, который пройдет с 12 по 15 мая, примет одна из лучших концертных площадок России – Крокус Сити Холл (ссылка), способная вместить более 6 000 зрителей. Билеты на заключительную стадию турнира поступят в продажу в начале апреля.</p>

<p>В соревновании примут участие 8 лучших команд со всего мира, в том числе:</p>

<p>Evil Geniuses (США)
<p>OG (Европа)
<p>Alliance (Швеция)
<p>Team Secret (Европа)
<p>EHOME (Китай)
<p>Virtus.pro (Россия)

<p>Последние две квоты на участие будут разыграны в первом этапе соревнования между победителями четырех региональных отборочных туров. Во второй, основной стадии, 8 команд будут разделены на две группы, матчи в которых пройдут по системе GSL. </p>

<p>Команды, занявшие первые и вторые места в группах, начнут плей-офф стадию с верхней сетки, а финишировавшие на третьих и четвертых строчках — с нижней. Все матчи турнира будут проходить до двух побед (bo3), кроме супер финала, в котором победить надо будет трижды (bo5), без преимущества у команды, прошедшей по верхней сетке. </p>

<p>В мае эпицентром Dota 2 станет Москва, и это будет Epic!</h1></size>
</body>
</html>

Answer 1

我建议您使用Google字体。将其导入CSS。试试看 @import url（https://fonts.googleapis.com/css?family=PT+Mono）;

Answer 2

只需在头标记中添加此行：

<link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>

并在body属性中设置font-family：

body {
    padding: 0 20px;
    font-family: 'PT Mono';
}

结果：jsFiddle

Font可以在localhost上运行，但不能在我上传时使用

2 个答案: