AL lib: (EE) alc_cleanup: 1 device not closed
Участник
-
Автор темы
- #1
Приветствую! Сегодня я хочу рассказать вам как заменить шрифт текста!
P.S. У меня уже была подобная тема, но с плохим оформлением, да и она мне не нравится, так-что да.
* - имеются дополнительные материалы, ссылки на них находятся в конце темы.
Нам понадобится:
1. Минимальные знания CSS.
2. Сайт Google Fonts
3. Руки :/
1. Заходим в проект.
Я использую редактор кода Sublime Text, вы же можете использовать любой удобный вам редактор.
2. Заходим на сайт.
Заходим на сайт
Разбор интерфейса...
1. Поиск шрифтов.
1. Поиск шрифтов.
2. Вид текста. ( см. ниже )
3. Поле для ввода своего текста для дальнейшего показа сайтом как это будет выглядеть.
4. Размер показа текста.
5. Фон сайта, или же смена темы с тёмной на белую.
6. Показ шрифтов. ( см. ниже )
7. Сброс настроек.
Больше о 2 пункте...
2 пункт указывает на вид текста, и имеет 5 возможных значений...
Вот их список:
2. Алфавит.
3. Параграф.
4. Цифры.
5. Своё значение.
По умолчанию вы будете видеть текст как предложение.
Вид каждого из них:
1.
2.
3.
4.
5.
P.S. 5 пункт работает и без указания его в виде текста.
Больше о 6 пункте...
6 пункт указывает на вид сайта, или же как будут показываться шрифты, в сетку или список.
По умолчанию вы будете видеть сайт в виде сетки.
Вот как она выглядит:
Но вы можете сменить вид сайта, нажав на иконку списка.
Так-же после смены вида сайта с сетки на список, иконка списка сменится на иконку сетки.
Вот ёё вид:
Вот как она выглядит и где находится
1. Популярно сейчас.
2. Самое популярное.
3. Новые.
4. По алфавиту.
Поиск шрифтов по характеристикам.
2. Language - Язык шрифта.
3. Font Properties - Свойства шрифта.
А вот тут уже по интереснее...
2. Thickness - Толщина шрифта.
3. Наклон шрифта
Так-же вы можете стереть все критерии нажатием на крестик.
3. Ищем нужный вам шрифт.
Я возьму шрифт Roboto.
При наведении на шрифт, вы увидите пару новых настроек...
Если вы смените тип шрифта, это не повлияет на дальнейшие наши действия.
2. Переходит на страницу с более подробным описанием шрифта. Нам данная страница не потребуется.
Так-же, произошла смена в выборе вида текста, теперь если мы сменим вид текста при наведении на шрифт, то эта настройка сменится только на этом шрифте.
Так же происходит и изменения размера текста.
4. Встраиваем шрифт!
Если вам нужно встроить несколько шрифтов, нажимайте на плюсы других шрифтов.
После чего мы видим вот это:
Нажимаем.
Вот что мы видим:
Вот сюда:
Но пример я всё же вам дам.
Доказательство:
Вот этот код находится вне класса main, но, смотрите!
А вот если вот так...
Поздравляю, вы научились задавать свой шрифт!
* Топ редакторов:
P.S. жопа, 1 час въебал на это...
unknown1 помнишь, ты говорил что тема на вес золота, но оформление не очень? теперь нормально?
P.S. У меня уже была подобная тема, но с плохим оформлением, да и она мне не нравится, так-что да.
* - имеются дополнительные материалы, ссылки на них находятся в конце темы.
Нам понадобится:
1. Минимальные знания CSS.
2. Сайт Google Fonts
3. Руки :/
1. Заходим в проект.
Я использую редактор кода Sublime Text, вы же можете использовать любой удобный вам редактор.
2. Заходим на сайт.
Заходим на сайт
Пожалуйста, авторизуйтесь для просмотра ссылки.
.Разбор интерфейса...
1. Поиск шрифтов.1. Поиск шрифтов.
2. Вид текста. ( см. ниже )
3. Поле для ввода своего текста для дальнейшего показа сайтом как это будет выглядеть.
4. Размер показа текста.
5. Фон сайта, или же смена темы с тёмной на белую.
6. Показ шрифтов. ( см. ниже )
7. Сброс настроек.
Больше о 2 пункте...
2 пункт указывает на вид текста, и имеет 5 возможных значений...
Вот их список:
Пожалуйста, авторизуйтесь для просмотра ссылки.
1. Предложение.2. Алфавит.
3. Параграф.
4. Цифры.
5. Своё значение.
По умолчанию вы будете видеть текст как предложение.
Вид каждого из них:
1.
Пожалуйста, авторизуйтесь для просмотра ссылки.
2.
Пожалуйста, авторизуйтесь для просмотра ссылки.
3.
Пожалуйста, авторизуйтесь для просмотра ссылки.
4.
Пожалуйста, авторизуйтесь для просмотра ссылки.
5.
Пожалуйста, авторизуйтесь для просмотра ссылки.
P.S. 5 пункт работает и без указания его в виде текста.
Больше о 6 пункте...
6 пункт указывает на вид сайта, или же как будут показываться шрифты, в сетку или список.
По умолчанию вы будете видеть сайт в виде сетки.
Вот как она выглядит:
Пожалуйста, авторизуйтесь для просмотра ссылки.
Но вы можете сменить вид сайта, нажав на иконку списка.
Так-же после смены вида сайта с сетки на список, иконка списка сменится на иконку сетки.
Вот ёё вид:
Пожалуйста, авторизуйтесь для просмотра ссылки.
Так-же на сайте есть сортировка по шрифтам.Вот как она выглядит и где находится
Пожалуйста, авторизуйтесь для просмотра ссылки.
- Местонахождение.
Пожалуйста, авторизуйтесь для просмотра ссылки.
- Вид меню1. Популярно сейчас.
2. Самое популярное.
3. Новые.
4. По алфавиту.
Поиск шрифтов по характеристикам.
Пожалуйста, авторизуйтесь для просмотра ссылки.
1. Categories - Категория шрифта. Более подробно разбирать не буду, так как в этом нету смысла.2. Language - Язык шрифта.
3. Font Properties - Свойства шрифта.
А вот тут уже по интереснее...
Пожалуйста, авторизуйтесь для просмотра ссылки.
1. Number of Styles - Количество стилей шрифта.2. Thickness - Толщина шрифта.
3. Наклон шрифта
Так-же вы можете стереть все критерии нажатием на крестик.
Пожалуйста, авторизуйтесь для просмотра ссылки.
3. Ищем нужный вам шрифт.
Я возьму шрифт Roboto.
При наведении на шрифт, вы увидите пару новых настроек...
Пожалуйста, авторизуйтесь для просмотра ссылки.
1. Отвечает за смену типа шрифта.
Пожалуйста, авторизуйтесь для просмотра ссылки.
Вот так выглядит меню.Если вы смените тип шрифта, это не повлияет на дальнейшие наши действия.
2. Переходит на страницу с более подробным описанием шрифта. Нам данная страница не потребуется.
Так-же, произошла смена в выборе вида текста, теперь если мы сменим вид текста при наведении на шрифт, то эта настройка сменится только на этом шрифте.
Так же происходит и изменения размера текста.
4. Встраиваем шрифт!
Пожалуйста, авторизуйтесь для просмотра ссылки.
Ищем вот этот плюс.Если вам нужно встроить несколько шрифтов, нажимайте на плюсы других шрифтов.
После чего мы видим вот это:
Пожалуйста, авторизуйтесь для просмотра ссылки.
Нажимаем.
Вот что мы видим:
Пожалуйста, авторизуйтесь для просмотра ссылки.
1 надо поместить в HTML-документ, в тэг head, после всего предыдущего кода.Вот сюда:
Пожалуйста, авторизуйтесь для просмотра ссылки.
2 надо поместить в CSS-документ, а куда решайте сами :)Но пример я всё же вам дам.
Пожалуйста, авторизуйтесь для просмотра ссылки.
- будет работать на все параграфы страницы, а не на параграфы одного класса.Доказательство:
Пожалуйста, авторизуйтесь для просмотра ссылки.
Вот этот код находится вне класса main, но, смотрите!
Пожалуйста, авторизуйтесь для просмотра ссылки.
Работает на все параграфы страницы!А вот если вот так...
Пожалуйста, авторизуйтесь для просмотра ссылки.
Я всего-лишь добавил .main, и теперь, это будет выглядеть вот так:
Пожалуйста, авторизуйтесь для просмотра ссылки.
Поздравляю, вы научились задавать свой шрифт!
* Топ редакторов:
Пожалуйста, авторизуйтесь для просмотра ссылки.
( не реклама )P.S. жопа, 1 час въебал на это...
unknown1 помнишь, ты говорил что тема на вес золота, но оформление не очень? теперь нормально?
