семейства шрифтов, где после ввода одного символа курсор все еще остается на символе

If you notice in this font family -http://www.fontsquirrel.com/fonts/CAC-Champagne, the 'T' almost overlaps with 1/4 of the 'U'. When I have included this font family using @font-face, and I type, the cursor types the T but remains on it only. The cursor on the web browser has changed to the arrow

Это приводит к тому, что при копировании этого текста в диапазон с его шириной как «авто» диапазон не показывает полный «Т», но до точки, где находится стрелка. Любое решение для этого?

1
nl ja de
Здесь текстовый курсор в веб-браузере изменился на стрелку при съемке экрана. Как бы то ни было, дополнительное «Т», которое распространяется на «U», как видимое на веб-странице, не распознается ни при вводе текста, ни в промежутке, в который текст копируется анаграммически.
добавлено автор Bhumi Singhal, источник

1 ответы

Это особенность шрифта, и это не редкость в шрифтах скриптов. Например, ширина пробега буквы «Т» значительно меньше (1 146 единиц, если быть точным), чем ширина глифа, т. Е. Ширина его ограничивающего прямоугольника (что составляет 1786 единиц). Это намеренно, часть дизайна, которая делает результат похожим на рукописный текст.

Для встроенных элементов, содержащих текст в этом шрифте, используйте некоторые правильные дополнения для компенсации эффекта. Хотя эффект расширения справа от ограничивающей рамки в основном является признаком глифов для прописных букв, которые обычно не появляются в конце слова, это также имеет место для строчных букв, таких как «f». Значение «0.25em» показалось бы подходящим, основываясь на следующем простом эксперименте:

f
1
добавлено
Я закончил добавление начального и конечного пробелов, но это добавленное дополнение добавлено относительно размера шрифта и сценария, используемого в то время. Так разве это не относительная ценность?
добавлено автор Bhumi Singhal, источник
Ват я имел в виду, что расширение символов будет зависеть от написанного сценария, а рендеринг значений em зависит от браузеров и их версии, я думаю. Так не становится ли это относительным и удачным и пробным решением? Хотя я не мог думать ни о каком лучшем.
добавлено автор Bhumi Singhal, источник
@BhumiSinghal, я не понимаю ваш вопрос. Если вы имеете в виду добавление пробелов, я не думаю, что вы должны это сделать. Ширина пространства зависит от размера шрифта и семейства шрифтов. Ширина блока em зависит только от размера шрифта, но вы можете выбрать мультипликатор соответствующим образом.
добавлено автор Jukka K. Korpela, источник
Хорошо, я вижу; да, значения прокладки должны быть определены на основе экспериментов с шрифтом (хотя я заглядывал в метрику глифов с помощью DTL OTMaster Light, и кажется, что буква «f» является наихудшей строчной буквой, а 0,25em ).
добавлено автор Jukka K. Korpela, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing