Symbole de la flèche en HTML/XHTML
Nous avons besoin pour afficher une symbole de la flèche (✓ ou ✔) au sein d'un interne de l'application web et l'idéal serait d'éviter d'utiliser une image.
A au travail en commençant par IE 6.0.2900 sur une boîte de XP, idéalement, nous faut-il le cross-browser (IE + récentes versions de FF).
Le suivant affiche des boîtes bien que les jeux de navigateur de l'encodage UTF-8 (MÉTA fonctionne très bien, et pas la question). La police par défaut est Times New Roman (peut-être un problème, mais en essayant Lucida Sans Unicode n'aide pas et je n'ai pas ni la police Arial Unicode MS, ni Lucida Grande installé).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
✓ ✔
</body>
</html>
Toute aide appréciée.
La suite fonctionne sous IE 6.0 et IE 7:
<html>
<head>
</head>
<body>
<span style="font-family: wingdings; font-size: 200%;">ü</span>
</body>
</html>
Je vous serais reconnaissant si quelqu'un pouvait vérifier sous FF sur Windows. Je suis assez sûr que ça ne marchera pas sur une zone de Windows.
- Ce qui est un symbole de la flèche censée ressembler?
- avez-vous vu ceci: html-faq.com/htmlbasics/?specialcharacters
- Sam, veuillez jeter un oeil à la question.
- Je sais qu'il parle de la même entité, mais il suggère également d'avoir le serveur envoyez un en-tête HTTP Content-Type: text/html;charset=utf-8 ainsi que le problème que la police utilisée peut pas contenir de caractères pour les caractères utilisés.
- Voici quelques: amp-what.com/#q=check%20mark ✓ ✔
- tique = coche
- Le Wingdings solution a bien fonctionné dans google Chrome, et aussi le plus important a été entendu par notre générateur de code html vers pdf
Vous devez vous connecter pour publier un commentaire.
Je pense que vous utilisez moins bien pris en charge Unicode valeurs, qui ne disposent pas toujours de glyphes pour tous les points de code.
Essayez les caractères suivants:
☐
]): vide (non cochée) case☑
]): la version vérifiée de la précédente case✓
])✔
])Edit: Il semble y avoir une certaine confusion à propos de la première symbole ici, ☐ /0x2610. C'est un vide (non cochée) case à cocher, donc si vous voyez une case, c'est la façon dont il est censé le regarder. C'est la contrepartie de ☑ /0x2611, qui est la version vérifiée.
☐
de Même pour la case est cochée: 0x2611 --> 9745 & code HTML☑
✗
&#
à la représentation hexadécimale, sans précédent0
.Tout d'abord, vous devez réaliser que vous n'avez pas besoin d'utiliser les entités HTML – aussi longtemps que votre document HTML de codage est déclarée en tant que UTF-8, vous pouvez simplement copier/coller de ces symboles dans votre fichier/script côté serveur/JavaScript/whatever.
Cela dit, voici la liste exhaustive de tous les caractères UTF-8 /entités HTML liés à ce sujet:
☐
/dec:☐
): boîte de scrutin (vide, c'est la façon dont il est censé être)☑
/dec:☑
): urne à vérifier☒
/dec:☒
): urne avec x✓
/dec:✓
): coche, équivalent à✓
et✓
dans la plupart des navigateurs✔
/dec:✔
): lourd coche✗
/dec:✗
): bulletin de vote x✘
/dec:✘
): lourd bulletin de vote x🗸
/dec🗸
): lumière marque de contrôle (mal pris en charge à compter de 2017)✅
/dec:✅
): blanc lourd coche (mixte appui à compter de 2017)🗴
/dec:🗴
): bulletin de vote script X (mal pris en charge à compter de 2017)🗶
/dec:🗶
): bulletin de vote gras script X (mal pris en charge à compter de 2017)⮽
/dec:⮽
): urne avec de la lumière X (mal pris en charge à compter de 2017)🗵
/dec:🗵
): urne avec script X (mal pris en charge à compter de 2017)🗹
/dec:🗹
): urne à cocher "bold" (mal pris en charge à compter de 2017)🗷
/dec:🗷
): urne avec gras script X (mal pris en charge à compter de 2017)De la vérification des polices web pour les marques de pointage? Voici un prêt à utiliser des exemples pour les plus courantes:
A☐B☑C☒D✓E✔F✗G✘H
-- il suffit de copier/coller dans votre webfont du fournisseur de l'échantillon de la zone de texte et de voir les polices à l'appui de ce que la tique symboles.La machine client a besoin d'une bonne police, qui a un glyphe pour ce personnage pour l'afficher. Mais Times New Roman ne l'est pas. Essayez Arial Unicode MS ou Lucida Grande à la place:
Cela fonctionne pour moi sur Windows XP dans IE 5.5, IE 6.0, FF 3.0.6.
font-family: Arial Unicode MS, Lucida Sans Unicode, Lucida Grande
.J'ai l'habitude d'utiliser le fontawesome police(http://fontawesome.io/icon/check/), vous pouvez l'utiliser dans les fichiers html:
ou dans le css:
Pourquoi n'utilisez-vous pas le HTML case à cocher entrée de l'élément en mode lecture seule
Je suppose que cela fonctionne sur tous les navigateurs.
Je rencontre le même problème et aucune des suggestions travaillé (Firefox sur Windows XP).
J'ai donc trouvé un possible solution de contournement en utilisant les données de l'image à afficher une petite coche:
Bien sûr, vous pouvez créer votre propre coche de l'image et utiliser un convertisseur pour l'ajouter en tant que data:image/gif. Espérons que cette aide.
(Si vous utilisez des références de caractère numérique, bien sûr, il n'a pas d'importance quel encodage est utilisé, les navigateurs auront la bonne Unicode codepoint directement à partir du numéro).
Échoue pour moi dans Firefox 3, Opera, et Safari. Curieusement, les travaux dans les autres navigateurs Webkit, Chrome. Échoue également sur Linux (à l'évidence, que Wingdings n'est pas installé là; il est installé sur le Mac, mais cela ne vous aidera pas si Safari ne pas l'avoir).
Aussi que c'est un méchant assez hack — ce personnage est, à toutes fins utiles “ü” et apparaissent de cette manière à des choses comme les moteurs de recherche, ou si le texte est un copier-collé. Bon points de code Unicode sont la voie à suivre, sauf si vous avez vraiment pas d'autre alternative.
Le problème est qu'aucune police n'est fourni avec Windows fournitures U+2713 coche (‘✓’). Le seul que vous êtes susceptibles de trouver sur une machine Windows est “Arial Unicode MS”, qui n'est pas vraiment à être invoquée. Donc au final je pense que vous devrez soit:
À venir très en retard à la fête, j'ai trouvé que
✓
(✓) a travaillé à l'Opéra. Je n'ai pas testé sur d'autres navigateurs, mais il pourrait être utile pour certaines personnes.✓
(et✓
) à la fois d'évaluer la✓
, qui est ce que le haut de réponse utilise. C'est un HTML5 entité de caractère et ne fonctionne pas dans IE6.À l'aide de CSS contenu de la Propriété, vous pouvez montrer tique avec une image ou d'autres codesign.
.class{ content: "\2713"; }
Serait √ (racine carrée symbole, √) suffit-il?
Sinon, assurez-vous que vous êtes le réglage de la
Content-Type:
en-tête avant l'envoi de données vers le navigateur. Simplement en spécifiant le<meta>
balise content-type peut ne pas être suffisante pour inciter les navigateurs à utiliser le jeu de caractères correct.Solution à l'aide de Wingdings qui n'est pas basé sur unicode et ne fonctionne pas sous Linux sans Wingdings installé.
vous pouvez utiliser ⊕ ou ⊗
Vous pouvez ajouter un peu de blanc avec une Encodées en Base64 GIF (générateur en ligne ici):
Avec Chrome, par exemple, je l'utilise pour le style le contrôle de case à cocher:
Si tu voulais seulement dans une balise IMG, vous ne la coche/tickmark comme: