Який найширший гліф в Arial?


10

Я проектую divконтейнер, який буде містити кілька рядків тексту. Кожен рядок може містити від 0 до 35 символів.

Мені потрібно вказати фіксовану ширину для div, але я не можу передбачити, наскільки "широкою" може бути рядок.

Приклад рядків (усі 35 символів):

  • aeR1riPhah9chaicaegae7oobaiz8eiquoL
  • iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
  • da da da 35 символів текст З CApital

Як бачимо, гліф "i" вужчий, ніж гліф "L".

Можливим рішенням може бути використання шрифту Monospaced, але для деяких стилістичних обмежень мені потрібно використовувати Arial (або еквівалентний шрифт).

Ідея полягає в розмірі контейнера, враховуючи рядок, який містить найбільші гліфи, але я не впевнений, який найбільший гліф, особливо якщо врахувати всі символи UTF.


це W. Ви можете спробувати це самостійно - але хтось уже зробив роботу за вас :-) Дивіться це - stackoverflow.com/questions/3949422/… але особисто я не хотів би розробити навколо найширшого персонажа, оскільки це майже напевно буде як правило, занадто широкий, якщо ви маєте місце для 35 Вт
Roger Attrill

Також пов’язано: graphicdesign.stackexchange.com/questions/860/…
e100

5
Розглянемо цільову аудиторію. Чи реально вони будуть використовувати арабські символи чи 99,9% користувачів будуть використовувати латинські символи в 99,9% часу? Якщо ви плануєте розмістити найширшого персонажа 35 разів поспіль, ви, ймовірно, вплинете на решту вашого дизайну заради навряд чи кращого випадку. Можливо, вам буде зручніше запустити регулярний вираз у функції візуалізації, щоб визначити ширину. Якщо виявлено занадто багато символів, які не є латинськими, застосуйте додатковий клас CSS, щоб зменшити розмір шрифту для цього конкретного рядка.
Farray

1
Крім точки Фаррея, █ зазвичай дає типову широку ширину символів. Або ширина М - класична одиниця вимірювання (звідси em). Вони не суворо найширші, але щось дивне станеться, якщо середній символ у рядку ширший за цей. overflow: autoмає охоплювати дуже дивні випадки, як це.
користувач56reinstatemonica8

1
𒈙 і also - також досить довгі гліфи
phuclv

Відповіді:


8

Лише одне сказати:

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

[EDIT] Оновлення - Гаразд - Зізнаюся, є кілька значно ширших символів: ؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁ ؁


Дуже вдячний! wWwwW

-1. Хоча це стосується основної латинської мови, питання конкретно говорить про "найбільший гліф" та "особливо якщо ми врахуємо всі символи UTF".
e100

@ e100. Так - ви абсолютно праві. Хоча я вже попереду тебе - чи можу я
віддати

1
Мені здається, я дивлюся скейт "Відьма Ванда" з дуже ранньої вулиці Сезама. :)
Lauren-Clear-Monica-Ipsum

8

﷽. Я виграю приз? (текст до 30 символів)


1
Це поганий гліф :)
Rdpi

В даний час у мене немає доступу до комп'ютера, щоб перевірити, але я б сильно підозрював, що гліф недоступний в Arial. Ви впевнені, що він доступний не лише в Arial Unicode MS (це інший шрифт)?
Жакус Бакс Жак

5

Ще перевіряємо, але в наборі латинських гліфів,

DžDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽ

виглядає досить широко.

Або є

‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱

Або, можливо, & # xfdfa "АРАБІЧНА ЛІГАТУРА САЛЛЛАХОУ ВСЕ ВАСАЛАМА" (не здається, що в Тахомі використовується тут):

ﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺ

Очевидно, що це надзвичайні приклади, і навряд чи хтось їх набере, але це підкреслює пункт Фаррая вище: вам потрібно знайти компроміс, який охоплюватиме переважну більшість випадків для вашої аудиторії, але не обов'язково будь-що, що може бути можливим.


1

Легко - я знайшов це в грі під назвою agar.io комусь подобаються довгі імена


Це найдивніший гліф колись :)
Rdpi

у багатьох тамільських та індійських сценаріях є досить довгі символи ஹ ௸ ௵ ꧄ та бурмісці один ph
phuclv

0

Зазвичай ем тире - це найширший гліф у будь-якому шрифті. Курсив f - рідкісний гліф, який поширюється на висхідний проміжок та простір, що робить його одним із найвищих у будь-якому шрифті.

Зручним практичним заходом є «алфавіт», що складається з малих літер від a до z. Звичайний шрифт - приблизно 13 ем. Якщо алфавіт шрифту менший, це стислий шрифт, який підходить для складання вузьких мір абзаців. Легко читабельна довжина рядків становить від 1-1 / 2 до 2-1 / 2 алфавітів.

Em - це горизонтальна відстань, еквівалентна вертикальній висоті шрифту. Простір em для шрифту 24 пт довжиною 24 бали. Він пропорційний шрифту і змінюється залежно від кожного розміру.


Це наївне уявлення про шрифти і не стосується сучасних шрифтів. У сучасних шрифтах майже універсальним є те, що над ними є великі літери з наголосами, які є вищими за висхідний на f, і там зазвичай буває, щоб символи були ширшими за простір em, особливо якщо включати такі речі, як лігатури та, як вказували в інших місцях, такі символи як ‱ (на десять тисяч знаків, в економіці прозваний "базовими точками").
thomasrutter

1
@ thomasrutter. Винні. Мається на увазі використовуватись у контексті всього вищезазначеного. Також не означало бути вичерпним або повним. Все було попередньо (обрамлено) "Зазвичай". Я не бачу, що я щось протиставив неправильно. Також зверніть увагу на запропонований нами альтернативний метод. Дякую за ляпас.
Стен

@ thomasrutter. Питання полягало в найширшому гліфі в Аріалі. Спасибі за всі речі на висоті акценту, яка не має значення для ОП. Я згадав про рідкісну якість гліфа, що поширюється на зону сходження, тіла та спадання, як трохи дрібниці. Чи знаєте ви багатьох інших? Чи знаєте ви про інших? Скільки шапок має низхідний знак, щоб він міг оскаржувати цю дрібницю?
Стен

3
Гаразд, це дивно, я не розумію, в чому сенс ваших коментарів. Ти був тим, хто виховував висоту акценту, я вказував, що ти помилявся з цим, і все ж ти мене критикуєш за те, що говорив про висоту акценту, тому що це не має значення? Крім того, ви помилялися з приводу того, що найширший персонаж - це тире в "Arial", але ви все одно захищаєте свою відповідь, оскільки це може бути правильним для деяких інших шрифтів (підказка: зазвичай це не так, і в будь-якому випадку це питання стосувалося Arial ). Я просто не бачу, що ти маєш отримати від цих коментарів.
thomasrutter
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.