Ge lite space och en extra touch till din hemsida med en Unicode-symbol
Unicode är en stor samling enkla symboler som kan användas i din text på din hemsida. Du känner helt säkert igen dem och till dessa hör också våra emojis ✨ som används friskt i våra sms och på sociala medier.
Enkla och neutrala Unicode-symboler:
→ ★ ⦾ ▷ ❖ ✓ ✗ ❣ © ☞ ☯ ⚐ ⚘ ⚭ ⛱ ♡ ✦ ♪ ✳
De flesta webbläsare förstår och kan använda dessa typer av tecken och symboler. Se många fler symboler längre ner.
Använda en symbol som ett grafiskt element
Det jag speciellt vill visa dig med detta inlägg är hur du kan använda en av dessa symboler som ett grafiskt element på din hemsida för att ge den en extra touch eller göra stora textmassor lite luftigare och mer lättlästa.
Försök att hålla dig till en och samma symbol genom hela hemsidan. Annars kan det lätt bli ett rörigt intryck.
Hur och vart du kan infogade en symbol på din hemsida
Om du använder dig av Squarespace version 7.1 så kan du enkelt ändra färgen på symbolen. Visar i videon nedan hur du infogar och ändrar färg. I annat fall så blir färgen på symbolen samma färg som på din befintliga text.
Urval av Unicode-symboler att välja bland
Använd genom att markera symbolen, kopiera (Cmd C) och klistra in (Cmd V) den där du vill ha den i dina texter.
Pilar
← → ↑ ↓ ↔ ↕ ↖ ↗ ↘ ↙ ⤡ ⤢ ↮ ⟵ ⟶ ⟷ ⇦ ⇨ ⇧ ⇩ ⬄ ⇳ ⬁ ⬀ ⬂ ⬃ ⬆ ⬇⬉ ⬈ ⬊ ⬋ ⬌ ⬍ ➢ ➣ ➤ ⇠ ⇢ ⇡ ⇣ ⤌ ⤍ ⤎ ⤏ ⬸ ⤑ ⥢ ⥤ ⥣ ⥥ ⇆ ⇄ ⇅ ⇵ ⇐ ⇒ ⇑ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇍ ⇏ ⇎ ⟸ ⟹ ⟺ ⇤ ⇥ ↤ ↦
⬿ ⤳ ↰ ↱ ↲ ↳ ↶ ↷ ⤾ ⤿ ⤸ ⤺ ⤹ ⤻ ↺ ↻ ⟲ ⟳ ⥀ ⥁ ⤶ ⤷ ⤴ ⤵ ➛ ➜ ➔ ➝ ➞ ◄ ► ◅ ▻ ◀ ▶ ▲ ▼ ⌃ ⌄ ↵ ↩ ⏎
Blandade symboler
★ ⭑ ☆ ⭒ ✩ ✯ ✰ ✪ ✫ ✬ ✭ ✮ ✦ ✧ ❂ ✴ ✵ ✷ ✸ ✹ ⁑ ✱ ✲ ﹡ ＊✻ ✼ ✽ ❃ ❉ ✢ ✣ ✤ ✥ ✳ ❊ ❋ ✺ ❈ ❄ ❅ ❆ ✿ ❀ ❁ ✾ ☙ ❧❥ ❦ ❡ ❤ ☞ ✂ ▢ ⧆ ⧇ ❏ ❐ ❑ ❒ ◯ ◌ ❍ ◦ ‣ ⦿ ⦾ ◉ ◎ ▲ ▼ ◀ ▶ △ ▽ ◁ ▷ ▴ ▾ ◂ ▸ ▵ ▿ ◃ ▹ ❖ ♦ ◇ ⬦ ♢ ⛋ ◈ ⟐ ⬖ ⬗ ⬘ ⬙ ⟢ ⟣ ⌑ ⌺ ⍚ ⋄ ⧫ ◊ ✓ ✔ ⍻ ✗ ✘ ☑ ☒ ? ¿ ⁇ ؟ ‽ ⁉ ⁈ ❢ ❣ ! ¡ ‼ ！ ՜ ǃ ᥄ ꜟ ꜝ ꜞ ߹ ︕ ﹗' ʻ ˮ ՚ Ꞌ ꞌ′ ″ ‴ ＆ ⅋ ﹠- ‐ ‑ – ‒ — ― _ ﹏ ~ 〜 · … / ⁄ \ ¦ | © ® ℗ ™ ℠ ⎅ ⎖ ␥ ␦ ∵ ∴ ^ ° # № º ª % ‰ ‱ ◊ ⌗ ⌜ ⌝ ⌞ ⌟ ⎔ƒ ⑀ ⑁ ⑂ ⑃ ⑄ ⑅ ⑆ ⑇ ⑈ ⑉ ⑊ ☞ ⁑ ⁕ ⁖ ⁘ ⁙ ⁛ ⁜ * ⁎ ∗ ¶ § ⁂ † ‡ ※ · ␣ ˽ ␠ ♡ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☍ ☎ ☏ ☐ ☑ ☒ ☗ ☘ ☙ ☚ ☛ ☜ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭ ♮ ♯ ♰ ♱ ♲ ♳ ♴ ♵ ♶ ♷ ♸ ♹ ♺ ♻ ♼ ♽ ♾ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ ⚆ ⚇ ⚈ ⚉ ⚐ ⚑ ⚒ ⚓ ⚔ ⚕ ⚖ ⚗ ⚘ ⚙ ⚚ ⚛ ⚜ ⚝ ⚞ ⚟ ⚠ ⚢ ⚣ ⚤ ⚥ ⚦ ⚧ ⚨ ⚩ ⚬ ⚭ ⚮ ⚯ ⚰ ⚱ ⚲ ⚳ ⚴ ⚵ ⚶ ⚷ ⚸ ⚹ ⚺ ⚻ ⚼ ⚿ ⛀ ⛁ ⛂ ⛃ ⛆ ⛇ ⛈ ⛉ ⛊ ⛍ ⛏ ⛐ ⛑ ⛒ ⛓ ⛕ ⛖ ⛗ ⛘ ⛙ ⛚ ⛛ ⛜ ⛝ ⛞ ⛟ ⛠ ⛡ ⛢ ⛣ ⛪ ⛰ ⛱ ⛶ ⛷ ⛸ ⛻ ⛼ ⛾ ⛿ ✆ 📞 ☏ ☎
Siffror och nummer
⓪ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳ ㉑ ㉒ ㉓ ㉔ ㉕ ㉖ ㉗ ㉘ ㉙ ㉚ ㉛ ㉜ ㉝ ㉞ ㉟ ㊱ ㊲ ㊳ ㊴ ㊵ ㊶ ㊷ ㊸ ㊹ ㊺ ㊻ ㊼ ㊽ ㊾ ㊿ 🄋 ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴ ⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽ ⓾ ㉈ ㉉ ㉊ ㉋ ㉌ ㉍ ㉎ ㉏
Bokstäver
Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ 🅐 🅑 🅒 🅓 🅔 🅕 🅖 🅗 🅘 🅙 🅚 🅛 🅜 🅝 🅞 🅟 🅠 🅡 🅢 🅣 🅤 🅥 🅦 🅧 🅨 🅩 🅰 🅱 🅲 🅳 🅴 🅵 🅶 🅷 🅸 🅹 🅺 🅻 🅼 🅽 🅾 🅿 🆀 🆁 🆂 🆃 🆄 🆅 🆆 🆇 🆈 🆉
Ändrad färg på några symboler
→ ★ ⦾ ▷ ❖ ✓ ✗ ❣ ☞ ☯ ⚐ ⚘ ⚭ ⛱ ✦ ♪
🔙 🔚 🔛 🔜 🔝 (dessa kan du inte ändra färg på)
Du kan prova att Google på Unicodes för att se vad du kan hitta fler roliga och användbara symboler. Kontrollera på olika skärmar och enheter hur symbolen blir när du lagt till den på din hemsida så att det stämmer med hur du tänkt dig.
Allt gott och hoppas detta inlägg var till nytta för dig ♡ (min favoritsymbol just nu)
