Установите шрифт на сервер

Question

Я разработал проект PHP. В этом я хочу реализовать стиль шрифта в Wendy Medium. Но я не знаю, как установить этот шрифт на своем сервере.

Кто-нибудь знает, как это сделать?

Заранее спасибо.

Answer 1

Вы можете использовать CSS 3, чтобы использовать свои собственные шрифты на странице HTML/PHP. Чтобы сделать это, вы должны сделать что-то вроде этого:

@font-face { 
    font-family: WendyMedium; 
    src: url(‘path/to/your/font/file.ttf’); 
} 

Вы можете использовать этот шрифт затем на следующие строки кода:

p { font-family: WendyMedium, Arial, sans-serif; } 

Заметим, что это только при поддержке реальных веб-браузерами (Chrome , Safari, Firefox и т. Д.). Вам также нужна лицензия на использование этого шрифта на вашем веб-сайте.

Answer 2

В дополнение к ответу wgriffioen: этот website позволяет генерировать javascript, который делает что-то подобное. Он также работает в IE7/8.

Answer 3

На всякий случай есть какая-то путаница, чтобы использовать шрифт для веб-страницы, созданной с помощью PHP, шрифт должен быть установлен на компьютере конечного пользователя, а не на вашем веб-сервере.

Как упоминалось в других ответах, CSS3 предоставляет вам возможность размещать файл шрифта на вашем сервере (как и любой другой файл) и ссылаться на него в CSS, позволяя браузеру пользователя загружать его и отображать текст на страницу в этом шрифте.

Однако, как упоминалось в комментарии Yi Yang, это часто не допускается лицензией шрифта. Вы хотите, чтобы проверить, является ли и как это разрешено для Венди Medium - возможно посмотреть здесь: http://www.ascenderfonts.com/font/wendy-lp-family-3-fonts.aspx

Answer 4

FontSquirrel, вероятно, делает именно то, что вы хотите :) Работает на большинстве браузеров тоже.

Answer 5

Вот мое решение:

@font-face { 
    font-family: 'IlMioFont'; 
    src: url('ballpark_weiner.eot'); /* IE6+ */ 
    src: local('Ballpark'), 
     local('IlMioFont'), 
     url('ballpark_weiner.woff') format('woff'), /* FF3.6 */ 
     url('ballpark_weiner.ttf') format('truetype') /* Saf3+,Chrome,Opera10+ */ 
    ; 
}