Вопросы по CSS - [89] :: Web-программирование :: Компьютерный форум Ru.Board

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

И обязательно ли прописывать fallback для шрифта и его формат?

ну решит за вас браузер. если устраивает, то не нужно.

Цитата:

но на практике, пришлось писать полное название шрифта

не знаю я, что у вас за практика.
https://developer.mozilla.org/ru/docs/Web/CSS/@font-face

Цитата:

получить имя шрифта из его свойств

любой смотрелкой шрифтов

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:44 02-11-2019

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Спасибо за ответ! То, что ссылке, я читал ранее. Но вопрос в том, что надо писать полное имя/название шрифта, которое приписано в его метаданных, правильно?

Под получением названия шрифта, имелось ввиду, что может быть есть способ/скрипт, который сам из добавленного файла шрифта будет получать его имя/название.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 01:39 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

которое приписано в его метаданных, правильно?

необязательно. покажите пример, что у вас не работает.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 01:41 03-11-2019

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:

@font-face {
font-family: "Pino";
src: url(".../Buratino-regular.woff");
}

h3 {
font-family: "Pino";
}

Допустим, название в метаданных шрифта указано как Buratino Regular, внешнее название Buratino-regular, и в font-family надо указывать именно Buratino Regular, с другим он не работает, не показывается.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 01:57 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

не показывается.

с файлом, плиз. и указанием браузера.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 01:58 03-11-2019 | Исправлено: Mavrikii, 01:58 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Пример. Вверху указано полное имя файла/шрифта, ниже сокращённое.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 02:18 03-11-2019 \| Исправлено: WONDROUS, 02:34 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Вверху указано полное имя файла/шрифта, ниже сокращённое

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

Цитата:

src: url("<a href="resources/Austhin.ttf">");

что тут делает тег??

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 02:49 03-11-2019 | Исправлено: Mavrikii, 02:50 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Какой тег, Вы про что именно? Как пишут везде в примерах и описаниях подключения шрифтов, так и сделал (скопировав и вставив текст).
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 02:59 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Какой тег, Вы про что именно?

я же показал что.

Цитата:

@font-face {
font-family: "Austhin";
src: url("<a href="resources/Austhin.ttf">");
}

что это??

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 03:04 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Так редактор прописывает. Но даже если сделать просто src: url(resources/Austhin.ttf), то без полного названия в font-family он всё равно не покажется.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 03:10 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Так редактор прописывает

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

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 03:11 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Ссылка.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 03:17 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS
вы все так делаете?

Цитата:

Request URL: http://mda.atwebpages.com/font/files/resources/Austhin.ttf
Request Method: GET
Status Code: 404 Not Found

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 03:18 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Но вверху-то он работает, даже с таким путём к файлу.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 03:55 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Но вверху-то он работает, даже с таким путём к файлу.

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

повторю - шрифт не грузится, так как файла нет по тому пути, что указан. а значит не работает определение шрифта.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 03:58 03-11-2019 | Исправлено: Mavrikii, 03:58 03-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Понял почему у вас "работает" с полным именем - потому что установили шрифт в систему. Вот и использует его браузер, когда не может загрузить с сайта. Исправляйте путь и шрифту будет не важно как его обозвали.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 12:14 03-11-2019 | Исправлено: Mavrikii, 12:15 03-11-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Да, действительно шрифт показывался, так как был в системе.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 18:28 03-11-2019

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ещё просьба подсказать по шрифтам. Если шрифтов (несколько стилей одного шрифта) будет несколько, то надо будет несколько раз прописывать @font-face, как здесь показано? А если будет не просто регуляр и болд, а больше, с разной толщиной, тогда как, в font-weight указать размер (100, 300, 400 и далее)?

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 00:44 05-11-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

будет несколько,

не нужно увлекаться.

Цитата:

то надо будет несколько раз прописывать @font-face,

да

Цитата:

как, в font-weight указать размер (100, 300, 400 и далее)

в смысле? так и указываете, файлы шрифтов разные для разных толщин. в font-face указываете какой толщине соответствует данный.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 01:15 05-11-2019

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору html + css, без картинок ) https://diana-adrianne.com/purecss-lace/
	Всего записей: 15112 \| Зарегистр. 20-09-2014 \| Отправлено: 09:50 07-11-2019

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC