ОБСУЖДЕНИЕ

Помощь с шрифтами

9 сообщений0 просмотровЗакрыта
#1
HTML
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4    "http://www.w3.org/TR/html4/loose.dtd"
<html>
<head>
<meta http-equiv= "Content-Type" content="text/html; charset=utf-8" >
<title> Тег FONT</title>
</head>
<body>
<p><font size="5" color="red" face="Arial" >П</font> ервая буква этого пр написана шрифтом Arial, выделена красым цветом
</body>
</html>


а вот список самих шрифтов,а тоесть их название.
вот вопрос,как сделать что б они работали и желательно без цветной версии

И хотелось бы прописать все эти шрифты
#2
Тему закрыл AR4i!
Причина: всем плевать на это
#3
Тема открыта для обсуждения!
#4
Если у вас на компьютере уже установлен специфический шрифт, то в стилях достаточно добавить строку:
CSS
h1 { font-family: SuperPuperFont; }


Значением свойства font-family выступает название гарнитуры шрифта, она будет применяться ко всем заголовкам <h1>. Но что увидят посетители сайта, у которых наш эффектный и редкий шрифт не установлен? Подобная ситуация наиболее вероятна, так что если браузер не распознаёт заявленный шрифт, он будет использовать шрифт по умолчанию, к примеру в Windows это Times New Roman. Весь наш тщательно продуманный шрифтовой дизайн в одночасье рассыплется и пойдёт прахом, поэтому надо поискать наиболее универсальное решение. Первое что сразу же приходит в голову — это организовать загрузку файла шрифта на компьютер пользователя и отображение текста выбранным шрифтом. По сравнению с другими методами вроде отображения текста через рисунок этот способ самый простой и универсальный.

Какие плюсы в итоге даёт нам загрузка файла шрифта с последующим применением через CSS.

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

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

Источник http://htmlbook.ru/blog/svoi-shrift-na-stranitse
#5
Valen_x, Ей надо так , в окне ввода текста жмешь шрифт и в выпадающем меню выбираешь шрифт , затем в посту отображается сообщения с этим шрифтом.
#6
для кроссбраузерного подключения, необходимо подключить шриф в нескольких форматах.
Для это изначально его необходимо сгенерировать (см. ссылка на сервис)

Пример подключения:
CSS
@font-face {
    font-family: 'PT Sans';
    src: url('ptsans-regular.eot');
    src: url('ptsans-regular.eot?#iefix') format('embedded-opentype'),
         url('ptsans-regular.woff2') format('woff2'),
         url('ptsans-regular.woff') format('woff'),
         url('ptsans-regular.ttf') format('truetype'),
         url('ptsans-regular.svg#PT Sans Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



Подробнее о форматах шрифтов и для чего они нужны http://zencoder.ru/css/css-font-face/
генератор шрифтов: https://www.fontsquirrel.com/tools/webfont-generator
#7
да,только что б они без градиентов цвета были
#8
-=(C)DRU987=-, так чего там сложного... На PHP к примеру пишем обработчик, который будет писать в БД
в поле text - текст который отправили
в поле font - название шрифта.

Далее, в CSS создаем
стиль для класса, название которого является название шрифта, т.е
CSS

/*Подключаем шрифты которые использовать будем*/
@font-face {
    font-family: 'PTSans';
    src: url('ptsans-regular.eot');
    src: url('ptsans-regular.eot?#iefix') format('embedded-opentype'),
         url('ptsans-regular.woff2') format('woff2'),
         url('ptsans-regular.woff') format('woff'),
         url('ptsans-regular.ttf') format('truetype'),
         url('ptsans-regular.svg#PT Sans Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Подключаем шрифт для конкретного класса */
.PTSans
{
font-family: "PTSans";
}

/*Ну и с помощью PHP выводи данные*/
//$arr - переменная содержащая массив (текст и название шрифта/класса)
echo'<div class="'.$arr['font'].'">'.$arr['text'].'</div>';

#9
Тему закрыл AR4i!
Причина: Валентин,спс огромное