Загрузка шрифтов с помощью @ font-face - PullRequest
0 голосов
/ 23 января 2012

Я хочу использовать собственный шрифт на веб-сайте и хочу защитить его. Я знаю, что это похоже на Cufon и т. Д., Но я хочу сделать это с @ font-face, потому что Cufon меняет текст с помощью, а @ font-face применяет только текст к шрифту. Поэтому я нашел fontdeck.com, и они используют @ font-face для безопасной загрузки шрифтов.

Я должен включить файл CSS со следующим кодом:

@font-face { font-family: 'Proxima Nova Thin'; src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot'); src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot?') format('embedded-opentype'), url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.woff') format('woff'), url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.ttf') format('opentype'); font-weight: 100; font-style: normal; }

Но если я зайду в браузере по URL-адресам для файлов EOT, WOFF и TTF, я увижу «Запрещено».

Может кто-нибудь объяснить мне, как это работает?

Ответы [ 2 ]

1 голос
/ 23 января 2012

Вы, похоже, находите меры для предотвращения хотлинкинга: http://en.wikipedia.org/wiki/Direct_linking#Prevention

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

Горячие ссылки могут иметь как этические, так и правовые последствия.
Я настоятельно рекомендую вам прочитать об этом.

0 голосов
/ 23 января 2012

Вы не можете защитить шрифт, используя @ font-face. Чтобы шрифт был применен к тексту на клиенте, он должен быть отправлен клиенту.

Многие шрифты имеют определенные лицензионные ограничения, в которых прописано, нормально ли использовать @ font-face. Лучше всего проверить свои лицензии в юридическом отделе.

...