スタイリング·ダイアクリティックス avatar
謝雪矢（ゆきや）
 | | 3 分で読めます

Fediverse Follow

アクセント記号とも呼ばれる発音区別符号に色を付ける方法があるかどうか気になるなら、あなたは正しい場所にいます！なぜなら、答えは「はい」で、方法をお教えします。

  1. 次のようなCSSスタイルを作成します。

    1
2
3
4
5
6

    .diacritics {
  color: hsla(0deg, 100%, 50%, 1);
  color: hwb(0deg 0% 0% / 100%);
  font-family: "DejaVu Sans"; /* 現在、ダイアクリティカルマークの位置決めの精度はDejaVuSansが最も高い。 */
  font-weight: bold;
}

  2. diacriticsクラス内にダイアクリティカルを配置します。

    1

    <span class="diacritics"></span>

できました！

次に例を示します。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

bata<span class="diacritics">̀</span>
panibugho<span class="diacritics">̂</span>
ara<span class="diacritics">́</span>w–a<span class="diacritics">́</span>raw
ke<span class="diacritics">̈</span>tke<span class="diacritics">̈</span>t
sag<span class="diacritics">̃</span>nay or sagn<span class="diacritics">̃</span>ay
pan<span class="diacritics">͠</span>gulo
a<span class="diacritics">̄</span>so
h<span class="diacritics">͞</span>oy
pu<span class="diacritics">̱</span>sà
trab<span class="diacritics">͟</span>aho
  • batà [ba·tà]
  • panibughô [pa·ni·būg·hô]
  • aráw–áraw [a·ráw–á·raw]
  • këtkët [kët·kët]
  • sag̃nay or sagñay [sa·ñgay]
  • pan͠gulo [pa·n͠gu·lo]
  • āso [ā·so]
  • h͞oy [h͞oy]
  • pu̱sà [pu̱·sà]
  • trab͟aho [tra·b͟a·ho]

CodePen経由でも利用できます。 または、私のtest-repo: Noto Diacriticals Gitブランチから簡単なテストページを複製することもできます。

注意:ネイバーPapago神経翻訳

avatar

Yohan Yuki Xieㆍ사요한・謝雪矢·ᜌᜓᜃᜒもしこれが忘却の終わりでないなら、私は自分の人生がまさにこの日に終わるかのように毎日を生きるでしょう。

アドバイス 自閉症 イベント 映画 地理 方法 文学 愛 音楽 写真撮影 スポーツ テレビ ウェブ
YOOkiクロニクルズ

YOOkiクロニクルズは、謝雪矢 がカジュアルで個人的なブログに復帰したことを意味する。 YOOkiという名前は、**YourOnly.Oneの頭文字をマッシュアップしたものです。ᜌᜓᜃᜒ (Yuki・雪矢)**というニックネームがあります。

興味深いことに、中国の伝説によると、柳は古代中国の姓です。 姓の祖先は、ユ·シュンという古代の賢王と密接に関連していました。 韓国では유系が夏·韓·朝鮮時代にさかのぼる。 ユまたはユという名前の所有者は、慈善と勤勉で有名でした。1

また、柳または柳を意味する柳、優雅で細身、そしてすべての人に持続的な栄養と資源を提供する水域の近くに生えている木を意味する。 それはまた、存在すること、すなわち油（油）、そして単にあなたとして存在することを意味することもできます。

ハンジ 紀文字は、記録、規律、注文を提供することを意味します。 ハングルの키は、エネルギー、精神、旗、期間を意味し、ゲルンや不定詞を作る時に使う接尾辞でもあります。

注意:ネイバーPapago神経翻訳

  1. 「유」 Yoo (韓国の名前); CC-BY-SA 3.0 Unported License ↩︎

再生中