Применять курсивый стиль на символ трубы -- html поле с участием css пол Связанный проблема

Apply italic style to a pipe symbol


3
vote

проблема

русский

Я пытаюсь сделать символ трубы <код> italic Но он не работает там, где другие шрифты отображаются как курсив, я делаю ничего плохого (в Chrome)?

 <код> <em>italic | italic</em> | <em class="italic">abc | abc</em>   

demo.

Английский оригинал

I'm trying to make a pipe symbol italic but it's not working where other fonts are displayed as italic, am I doing anything wrong (In Chrome)?

<em>italic | italic</em> | <em class="italic">abc | abc</em> 

Demo.

</div
     
         
         

Список ответов

4
 
vote
vote
Лучший ответ
 

Как персонажи уклоняются (и если они даже будут) определяются самими шрифтом. Я проверил ссылочную ссылку, которую вы добавили в комментарий к ответу Siva Charan, и если вы проверяете этот элемент с Firebug, вы видите эту семью шрифта:

 <код> font-family: "Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;   

Итак, я поправил ваш jsfiddle. Et Halla, трубопроводы:

http://jsfiddle.net/39qyr/3/

Я предполагаю, что те, которые видят, что наклонная труба уже есть Lucida Grande (или похожи), установленные в качестве их шрифта по умолчанию, так как я не вижу наклонной трубы, когда я проверяю вашу оригинальную jsfiddle.

 

How the characters slant (and if they even will) is defined by the typeface itself. I checked the reference link you added to the comment on Siva Charan's answer, and if you inspect that element with Firebug you see this font-family:

font-family: "Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati; 

So, I amended your jsFiddle. Et viola, the pipe slants:

http://jsfiddle.net/39qyR/3/

I assume those that see the slanted pipe already have Lucida Grande (or similar) set as their default font, as I do not see a slanted pipe when I check your original jsFiddle.

</div
 
 
3
 
vote

«Символ труб», вертикальная линия U + 007C, является вертикальной по сути, а в надлежащем дизайне шрифта он также имеет вертикальный глиф в курсивом шрифте. Большинство дизайнеров шрифтов не поняли это, хотя, частично, потому что «|» был редким характером в нормальных текстах. Вы можете использовать Инструмент листинга шрифта , чтобы увидеть, какие шрифты в вашей системе имеют Правильный дизайн для «|» (введите любой текст, содержащий его щелчок на «курсивом»).

Так что, если вы хотите неправильно наклонную вертикальную линию, вы можете установить шрифт для одного, который имеет глиф ваших предпочтений, хотя люди без этого шрифта увидят что-то другое. Использование загружаемого шрифта с @font-face будет лучшим способом получения желаемого результата.

нормально, "|" Не следует появляться в текстах, которые курсируются, потому что столько шрифтов покажут его наклоне. Таким образом, вместо <кода> <i>a | b</i> , разметки <код> <i>a</i> | B `безопасен. (Аналогичные соображения применяются к многим другим специальным символам, таких как «+» и «↓».).)

Причина, почему разные люди видят вашу тестовую страницу, так это то, что у них есть разные шрифты по умолчанию в своих браузерах.

 

The "pipe symbol" , U+007C VERTICAL LINE, is vertical in essence, and in proper font design, it has a vertical glyph in italic typeface(s), too. Most font designers haven’t understood this, though, partly because "|" has been a rare character in normal texts. You can use a font listing tool to see which fonts in your system have correct design for "|" (enter any text containing it an click on "Italic" ).

So if you want an improperly slanted vertical line, you can set the font to one that has a glyph of your preference, though people without that font will see something different. Using a downloadable font with @font-face would be the best way to get the desired result.

Normally, "|" should not appear in texts that are italicized, because so many fonts would show it as slanted. Thus, instead of <i>a | b</i>, the markup <i>a</i> | b` is safer. (Similar considerations apply to many other special symbols, like "+" and "↓" .)

The reason why different people see your test page differently is that they have different default fonts in their browsers.

</div
 
 
0
 
vote

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

 

After some workaround I understood that all vertical and horizontal lines can't be italic, due to some graphical representations.

</div
 
 
 
 

Связанный проблема

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

23  Вопрос с медиа-запросами CSS (Scrollbar)  ( Issue with css media queriesscrollbar ) 
У меня проблемы с CSS Media Query в Firefox. Он работает правильно в Chrome, как я сделал два рав и хотеть прокрутку. Если я уменьшаю размер экрана Firefox до...

0  Имея проблемы с использованием объема в jQuery  ( Having issues using a scope in jquery ) 
Так что я пытаюсь передать значение переменной FreeMarker ($ {item.uid}) на клик ссылки, чтобы запустить модаль с тем же уникальным значением идентификатора. ...

0  Как я могу связать изображения Data-SRC на внутреннюю страницу?  ( How can i link data src images to internal page ) 
Это то, что у меня есть на http://www.hairattheritz.com/untitled.html Мне нравится, как он изменил размер для различных размеров экрана, однако я не могу най...

0  транзакция внутри контура  ( Transaction inside a for loop ) 
Я хочу запустить транзакцию внутри контура. Мой код: - <код> n==00 Но проблема в том, что после оповещения (перед транзакцией) я напрямую получаю предупр...

0  SVG D3 круговой контроль  ( Svg d3 circular control ) 
Я пытаюсь сделать контроль, в котором радиальные линии прилипают за пределами круга. Длина каждой линии, прилипающей зависит от значения данных. Короче говоря...

0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения  ( Jquery mobile link from php to html not working but url does change ) 
Хорошо, так что когда я вошел в систему в свое приложение (index.html), я принимаю в login.php, отсюда я хочу меню для пользователя, но ни одна из моих ссылок...

13  Как центрировать текст внутри якоря  ( How to center text inside anchor tag ) 
Я хочу, чтобы мой якорный тег выглядеть как кнопка, и создала этот стиль jsfiddle <код> watch0 Похоже, как я хочу, но как в центре текста горизонтально...

1  HTML / CSS - Center Nav Bar переменных размеров  ( Html css center nav bar of variable size ) 
У меня будет навигационный бар, который позволяет пользователю сортировать галерею картинок. Проблема в том, что ширина панели NAV будет варьироваться в завис...

1  Как я могу скрыть десятичные числа правильным образом?  ( How do i hide decimal numbers the correct way ) 
Я использую этот метод, чтобы скрыть десятичные числа на странице. код CSS: <код> span { clip-path: inset(0 2.1ch 0 0); } HTML-код: <код> <span>...

1  Textarea Overflow-X Когда в нее копирование пользователей?  ( Textarea overflow x when a user copy pastes into it ) 
У меня есть текстовая пара с Overflow-X: AUTO; отнесено к этому. Он отлично работает, когда пользователь набирает текст в коробку вручную. Однако, когда польз...

0  Запустить функцию JavaScript с использованием C #  ( Trigger javascript function using c sharp ) 
Я должен написать класс C #, который получает содержимое HTML-страницы (страница публичная) и запускает функцию JavaScript, которая загружает файл. Моя цель...

3  Рисование круга с помощью кинетических js  ( Drawing a circle using kinetic js ) 
Я пытаюсь построить очень базовую покраску, используя каркас kinetic JS. Все все идут хорошо, пока не попытался включить функцию формы, которая позволяет поль...

1  Правильное форматирование ссылки HTML - можно ли два равна внутри одного тега <a>? [Дубликат]  ( Proper html link formatting can two divs be inside of one a tag ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

0  Возможное решение этой проблемы проектирования?  ( The possible solution to this design issue ) 
Мне нужно знать, как исправить эту проблему в конструкциях форм .. Получение этого в Firefox И это в IE ... Цвет не является проблемой .. Juz Нужно вы...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.