Есть ли в Unicode или HTML вертикальная двойная гильемет (шеврон)?

Кто-нибудь знает, есть ли в юникоде/HTML-пространстве символ двойного шеврона, похожий на двойную кайму, представленную » ()?

Другими словами, я стараюсь не использовать изображение, если могу обойтись текстом, но мне нужно что-то вроде этого:

Пример вертикальных одинарных и двойных шевронов

Это двойной шеврон, который я не могу понять. Похоже, графика для меня это.


html unicode html-entities
person jcolebrand    schedule 14.11.2011    source источник
comment
Избегание изображений — отличная цель, но многие люди в конечном итоге используют браузер, который все равно неправильно поддерживает юникод; они увидят коробки. Я бы лично порекомендовал изображение. FWIW, я не видел ничего подобного сканированию en.wikipedia.org/wiki/List_of_Unicode_characters   -  person Ben Brocka    schedule 14.11.2011
comment
Я не знаю насчет шеврона, но у него есть циркумфлекс: ^ / циркумфлекс с акцентом: ˆ   -  person Smamatti    schedule 14.11.2011

Ответы (4)


arrow_upward
12
arrow_downward

Я не могу дать вам сущность персонажа, которую вы хотите, но можно создать... альтернативу и по-прежнему не использовать изображения (хотя для этого требуется, чтобы сам текст был заключен в элемент, в данном случае span):

<span class="shadowed">^</span>
<span class="rotated">&raquo;</span>

CSS:

span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
    margin: 0 auto 1em auto;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    background-color: #ffa;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 0.5em;
    text-align: center;
}

span.shadowed {
    text-shadow: 0 0.5em 0 #000;
}

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

демонстрация JS Fiddle.

Приведенный выше раздел span.rotated для совместимости с IE ‹ 10 (с использованием фильтров, тогда как IE 10 (или, возможно, 9) будет/должен использовать -ms-transform или просто transform CSS3), используя подход filter:

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* IE < 10 follows */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}​

демонстрация JS Fiddle (работает в IE 7/XP, другие версии я не могу протестировать) .

person David says reinstate Monica    schedule 14.11.2011
comment
Очень изобретательно! Держу пари, это не работает в IE, не так ли? :-\ (редактировать: IE8 и ниже) - person jcolebrand; 14.11.2011
comment
Нет, я собирался оставить язвительный комментарий рядом с -ms-rotate, говоря что-то вроде «просто из чувства оптимизма...», но я чувствовал, что это только сделало код более шумным... - person David says reinstate Monica; 14.11.2011
comment
Как насчет т.е. фильтров для вращения? Прочтите эту статью (глава о ротации элементов) coding.smashingmagazine .com/2010/04/28/ - person fliptheweb; 14.11.2011
comment
Это вполне возможно, но не имея IE (я любитель, а не профессионал) для тестирования, я не могу убедиться, что они работают. Если вы сможете попробовать их, я был бы более чем рад, если бы вы отредактировали их в ответе. Или опубликуйте их как отдельный ответ, очевидно. - person David says reinstate Monica; 14.11.2011
comment
Принимаю, потому что, вероятно, так бы я поступил, когда IE10 станет мейнстримом (таким образом, IE8 станет внебрачным ребенком без поддержки), но на данный момент у меня уже есть двойной вертикальный шеврон в спрайте изображения, поэтому я продолжаю работать с изображениями. - person jcolebrand; 15.11.2011
comment
@fliptheweb: спасибо! Мне потребовалось некоторое время, чтобы вспомнить этот ответ; но использование filter работало (по крайней мере, для IE7/XP) отлично. К сожалению, другие версии/платформы я пока не могу протестировать. - person David says reinstate Monica; 21.06.2012

arrow_upward
31
arrow_downward

Может этот сайт вам поможет http://shapecatcher.com/ , очень полезный!

person fliptheweb    schedule 14.11.2011
comment
Спасибо, это крутой сайт. Не принесет вам галочку «принять», но даст вам +1 от меня. Нашел несколько интересных заменителей для двойного шеврона вверх, но ничего для двойного шеврона вниз. - person jcolebrand; 14.11.2011
comment
Хотел бы я знать об этом раньше. - person jagill; 02.05.2013

arrow_upward
17
arrow_downward

︽ ФОРМА ПРЕЗЕНТАЦИИ U+FE3D ДЛЯ ВЕРТИКАЛЬНОЙ ЛЕВОЙ ДВОЙНОЙ УГЛОВОЙ КРОНШТЕЙН

︾ ФОРМА ПРЕЗЕНТАЦИИ U+FE3E ДЛЯ ВЕРТИКАЛЬНОЙ ПРАВОЙ ДВОЙНОЙ УГЛОВОЙ КРОНШТЕЙН

Однако для этого требуется китайский или японский шрифт.

person Ignacio Vazquez-Abrams    schedule 21.06.2012

arrow_upward
1
arrow_downward

Есть проблема с вращением. Если вы примените вращение (90 градусов) и вращение (-90 градусов) к двум отдельным, вы увидите, что их положение меняется. Хакерский способ исправить это — применить direction: rtl следующим образом:

http://codepen.io/tomasz86/pen/lmCaL

person tomasz86    schedule 26.09.2013