{"id":14881,"date":"2026-10-02T17:04:50","date_gmt":"2026-10-02T08:04:50","guid":{"rendered":"https:\/\/code-plus.jp\/gp\/?p=14881"},"modified":"2026-10-02T23:38:05","modified_gmt":"2026-10-02T14:38:05","slug":"monospace-box-drawing-14881","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/monospace-box-drawing-14881\/","title":{"rendered":"\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\u306a\u306e\u306b\u7f6b\u7dda\u304c\u30ba\u30ec\u308b\u539f\u56e0\u3068\u5bfe\u7b56\uff5c\u65e5\u672c\u8a9e\u6df7\u5728\u306eASCII\u30a2\u30fc\u30c8\u3092\u63c3\u3048\u308b"},"content":{"rendered":"<!---\r\nTitle: \u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\u306a\u306e\u306b\u7f6b\u7dda\u304c\u30ba\u30ec\u308b\u539f\u56e0\u3068\u5bfe\u7b56\uff5c\u65e5\u672c\u8a9e\u6df7\u5728\u306eASCII\u30a2\u30fc\u30c8\u3092\u63c3\u3048\u308b\r\ndescription: \u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\u306a\u306e\u306b\u7f6b\u7dda\uff08ASCII\u30a2\u30fc\u30c8\uff09\u304c\u30ba\u30ec\u308b\u539f\u56e0\u3092\u3001\u7f6b\u7dda\u306e1\u30de\u30b9\/2\u30de\u30b9\u30681\u30de\u30b9\u306e\u5e45\uff080.5em\/0.6em\uff09\u3067\u6574\u7406\u3002UDEV tags: Gothic\u30fbBIZ UDGothic\u30fbHackGen\u306e\u5b9f\u6e2c\u5024\u3068\u3001\u63c3\u3048\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002\r\n\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8,\u7f6b\u7dda,ASCII\u30a2\u30fc\u30c8,Box Drawing,\u5168\u89d2\u534a\u89d2,East Asian Width,UDEV Gothic,HackGen,BIZ UDGothic,Inconsolata,VS Code,\u30d5\u30a9\u30f3\u30c8\r\nslag: monospace-box-drawing-14881\r\n--->\r\n\r\n<!-- font\uff1aCode -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-inconsolata-rule@0.1.5\/font-face.x1.0546875.css\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-hackgen@1.0.0\/font-face.css\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-udevgothic@1.0.0\/font-face.css\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=M+PLUS+1+Code:wght@100..700&display=swap\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-inconsolata-rule@0.1.5\/font-face.css\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inconsolata:wght@200..900&display=swap\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=BIZ+UDGothic:wght@400;700&display=swap\" media=\"print\" onload='this.media=\"all\"' \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Google+Sans+Code:wght@300..800&display=swap\" media=\"print\" onload='this.media=\"all\"' \/>\r\n\r\n<p class=\"fz-ss\">\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\uff08\u30e2\u30ce\u30b9\u30da\u30fc\u30b9\u30d5\u30a9\u30f3\u30c8\uff09\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b\u306e\u306b\u3001<b class=\"fw-600\">AI\uff08Claude \u306a\u3069\uff09\u306b\u66f8\u304b\u305b\u305f\u67a0\u304c\u306a\u305c\u304b\u30ba\u30ec\u308b<\/b>\u3002\u7f6b\u7dda\u7d20\u7247\uff08<code>\u250c\u2500\u2510\u2502\u2514\u2518<\/code>\uff09\u3067\u63cf\u3044\u305f\u67a0\u306e\u53f3\u7aef\u304c\u30ac\u30bf\u30ac\u30bf\u306b\u306a\u308b\u3002\u65e5\u672c\u8a9e\u3092\u6df7\u305c\u308b\u3068\u3055\u3089\u306b\u3072\u3069\u304f\u306a\u308b\u3002<\/p>\r\n<p class=\"fz-ss\">\u81ea\u4f5c\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\uff08VitePress\uff09\u306b\u3001\u7f6b\u7dda\u7d20\u7247\u3067\u63cf\u3044\u305f\u56f3\uff08ASCII\u30a2\u30fc\u30c8\u3001\u4ee5\u4e0b AA\uff09\u3092\u8f09\u305b\u3066\u3044\u3066\u3001\u3053\u306e\u554f\u984c\u306b\u3076\u3064\u304b\u308a\u307e\u3057\u305f\u3002\u300c\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8 \u7f6b\u7dda\u304c\u30ba\u30ec\u308b\u539f\u56e0\u300d\u300c\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8 \u7f6b\u7dda\u304c\u63c3\u308f\u306a\u3044\u539f\u56e0\u300d\u7b49\u3067\u8abf\u3079\u3066\u3001\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u304c\u5947\u6570\u3060\u3068\u30ba\u30ec\u308b\u3001\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u3067\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u304c\u4f7f\u308f\u308c\u308b\u3001\u3068\u3044\u3046\u8a71\u306f\u898b\u3064\u304b\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001<mark class=\"mark\"><b class=\"fw-600\">\u7f6b\u7dda\u7d20\u7247\u304c1\u30de\u30b9\u304b2\u30de\u30b9\u304b<\/b>\u3001<b class=\"fw-600\">1\u30de\u30b9\u304c 0.5em \u304b 0.6em \u304b<\/b><\/mark> \u3068\u3044\u3046\u898b\u65b9\u3067\u6574\u7406\u3057\u305f\u8a18\u4e8b\u306f\u3001\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\r\n<p class=\"fz-ss\">\u305d\u3053\u3067\u3001\u624b\u5143\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u5b9f\u6e2c\u3057\u3066\u3001\u539f\u56e0\u3068\u89e3\u6c7a\u7b56\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\r\n\r\n<!-- \u2756\u76ee\u6b21\u30ea\u30b9\u30c8 -->\r\n<nav class=\"tocList mt-1.5r\" data-toc-id=\"js-tocBWGD\" style=\"height:28rem\"><\/nav>\r\n<nav class=\"tocBtn is-fixed\" data-toc-id=\"js-tocBWGD\"><\/nav>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n\r\n\r\n\r\n\r\n<h2 id=\"\u7d50\u8ad6tldr\" class=\"fz-xl\">\u7f6b\u7dda\u304c\u30ba\u30ec\u308b\u539f\u56e0<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">\u539f\u56e01\uff1a\u7f6b\u7dda\u306e\u5e45\u304c\u30d5\u30a9\u30f3\u30c8\u3067\u9055\u3046\u3002<\/b> \u7f6b\u7dda\u306f\u30011\u30de\u30b9\u3067\u63cf\u304f\u30d5\u30a9\u30f3\u30c8\u3068\u30012\u30de\u30b9\u3067\u63cf\u304f\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">\u539f\u56e02\uff1a1\u30de\u30b9\u306e\u5e45\u304c\u30d5\u30a9\u30f3\u30c8\u3067\u9055\u3046\u3002<\/b> 0.5em \u306e\u30d5\u30a9\u30f3\u30c8\u3068\u30010.6em \u524d\u5f8c\u306e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002\u65e5\u672c\u8a9e\u306e\u5168\u89d2\uff081em\uff09\u30682:1\u306b\u306a\u3089\u306a\u3044\u3068\u3001\u65e5\u672c\u8a9e\u3092\u6df7\u305c\u305f\u884c\u304c\u30ba\u30ec\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">\u539f\u56e03\uff1a\u30d5\u30a9\u30f3\u30c8\u306b\u7f6b\u7dda\u306e\u5b57\u5f62\u304c\u306a\u3044\u3002<\/b> \u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u3066\u3001\u5e45\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">\u89e3\u6c7a\u7b56\uff1a<\/b> \u300c\u7f6b\u7dda = 1\u30de\u30b9\u300d\u300c\u5168\u89d2 = \u82f1\u5b57\u306e2\u500d\u300d\u3092\u6e80\u305f\u3059\u30d5\u30a9\u30f3\u30c8\u3092\u9078\u3076\u3002\u6e80\u305f\u3055\u306a\u3051\u308c\u3070\u3001\u7f6b\u7dda\u3060\u3051\u3092\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u304b\u3089\u501f\u308a\u308b\u3002<\/li>\r\n<\/ul>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u307e\u305a1\u30de\u30b9\u3092\u6c7a\u3081\u308b\" class=\"fz-xl\">\u307e\u305a\u300c1\u30de\u30b9\u300d\u3092\u6c7a\u3081\u308b<\/h2>\r\n<p class=\"fz-ss\">AA \u3092\u63c3\u3048\u308b\u306b\u306f\u30011\u6587\u5b57\u5206\u306e\u5e45\uff081\u30de\u30b9\uff09\u3092\u6c7a\u3081\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001<b class=\"fw-600\">\u82f1\u5b57\u306e <code>M<\/code> \u306e\u5e45\u30921\u30de\u30b9<\/b>\u3068\u3057\u307e\u3059\u3002\u63c3\u3046\u305f\u3081\u306e\u6761\u4ef6\u306f\u3001\u6b21\u306e3\u3064\u3067\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u6587\u5b57<\/th>\r\n      <td>\u5fc5\u8981\u306a\u5e45<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>\u82f1\u5b57\u30fb\u6570\u5b57\uff08<code>M<\/code> \u306a\u3069\uff09<\/th>\r\n      <td>1\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u7f6b\u7dda\uff08<code>\u2500 \u2502 \u250c<\/code> \u306a\u3069\uff09<\/th>\r\n      <td><b class=\"fw-600\">1\u30de\u30b9<\/b><\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u65e5\u672c\u8a9e\uff08\u5168\u89d2\uff09<\/th>\r\n      <td><b class=\"fw-600\">2\u30de\u30b9<\/b><\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\">\u3053\u306e3\u3064\u304c\u305d\u308d\u3046\u3068\u3001\u6b21\u306e\u3088\u3046\u306b\u3001\u3069\u306e\u884c\u3082\u540c\u3058\u9577\u3055\u306b\u898b\u3048\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-text\">12345678\r\n\u3042\u3044\u3046\u3048\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/code><\/pre>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u5b9f\u6e2c\u30d5\u30a9\u30f3\u30c8\u3054\u3068\u306e\u7f6b\u7dda\u3068\u5168\u89d2\u306e\u5e45\" class=\"fz-xl\">\u5b9f\u6e2c\uff1a\u30d5\u30a9\u30f3\u30c8\u3054\u3068\u306e\u7f6b\u7dda\u3068\u5168\u89d2\u306e\u5e45<\/h2>\r\n<p class=\"fz-ss\">\u30d5\u30a9\u30f3\u30c8\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u3001\u82f1\u5b57 <code>M<\/code>\u3001\u7f6b\u7dda\u3001\u5168\u89d2\u306e\u300c\u3042\u300d\u306e\u5e45\u3092\u6e2c\u308a\u307e\u3057\u305f\u3002\u6570\u5024\u306f\u3001<code>M<\/code> \u306e\u5e45\u30921\u30de\u30b9\u3068\u3057\u305f\u3068\u304d\u306e\u6bd4\u7387\u3067\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u30d5\u30a9\u30f3\u30c8<\/th>\r\n      <td>1\u30de\u30b9\uff08<code>M<\/code>\uff09<\/td>\r\n      <td>\u7f6b\u7dda\u306e\u5b57\u5f62<\/td>\r\n      <td>\u7f6b\u7dda\u306e\u5e45<\/td>\r\n      <td>\u5168\u89d2\uff08\u3042\uff09<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>Inconsolata<\/th>\r\n      <td>0.500em<\/td>\r\n      <td>128\/128<\/td>\r\n      <td><b class=\"fw-600\">1\u30de\u30b9<\/b><\/td>\r\n      <td>\u306a\u3057<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>BIZ UDGothic<\/th>\r\n      <td>0.500em<\/td>\r\n      <td>32\/128<\/td>\r\n      <td><b class=\"fw-600\">2\u30de\u30b9<\/b><\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>UDEV Gothic<\/th>\r\n      <td>0.500em<\/td>\r\n      <td>128\/128<\/td>\r\n      <td><b class=\"fw-600\">1\u30de\u30b9<\/b><\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>M PLUS 1 Code<\/th>\r\n      <td>0.500em<\/td>\r\n      <td>128\/128<\/td>\r\n      <td><b class=\"fw-600\">1\u30de\u30b9<\/b><\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Google Sans Code<\/th>\r\n      <td><b class=\"fw-600\">0.600em<\/b><\/td>\r\n      <td>128\/128<\/td>\r\n      <td>1\u30de\u30b9<\/td>\r\n      <td>\u306a\u3057<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>HackGen<\/th>\r\n      <td><b class=\"fw-600\">0.527em<\/b><\/td>\r\n      <td>128\/128<\/td>\r\n      <td><b class=\"fw-600\">2\u30de\u30b9<\/b><\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\">\u203b \u7f6b\u7dda\u306e\u5b57\u5f62\u306f\u3001Unicode \u306e Box Drawing\uff08U+2500\u2013257F\uff09128\u5b57\u306e\u3046\u3061\u3001\u30d5\u30a9\u30f3\u30c8\u306b\u5165\u3063\u3066\u3044\u308b\u6570\u3067\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u624b\u5143\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u6e2c\u308a\u305f\u3044\u5834\u5408\u306f\u3001<b class=\"fw-600\">\u30d5\u30a9\u30f3\u30c8\u30e1\u30c8\u30ea\u30af\u30b9\u89e3\u6790\u30c4\u30fc\u30eb<\/b> \u3067\u8a08\u6e2c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/tools\/font-metrics-analyzer\/\" class=\"linkbox my-1.5r\">\r\n<strong class=\"linkbox-title fz-md\">\u30d5\u30a9\u30f3\u30c8\u30e1\u30c8\u30ea\u30af\u30b9\u89e3\u6790\u30c4\u30fc\u30eb - 2\u3064\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3066\u3001size-adjust\u306e\u6700\u9069\u5024\u3092\u8a08\u7b97<\/strong>\r\n<picture class=\"linkbox-thumbnail\">\r\n<img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/code-plus.jp\/gp\/wp-content\/uploads\/be1bca23f02b3d41cd556cc1038256d7.jpg?ver=20261002233805\" alt=\"\u30d5\u30a9\u30f3\u30c8\u30e1\u30c8\u30ea\u30af\u30b9\u89e3\u6790\u30c4\u30fc\u30eb - 2\u3064\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3066\u3001size-adjust\u306e\u6700\u9069\u5024\u3092\u8a08\u7b97\" loading=\"lazy\" \/>\r\n<\/picture>\r\n<span class=\"linkbox-excerpt\">2\u3064\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3066\u3001CSS\u306e size-adjust \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u6700\u9069\u5024\u3092\u8a08\u7b97\u3059\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u30c4\u30fc\u30eb\u3002\u30d5\u30a9\u30f3\u30c8\u30e1\u30c8\u30ea\u30af\u30b9\u5024\u30fb--font-top-offset \u306e\u5024\u3082\u53d6\u5f97\u3002\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u539f\u56e01\u7f6b\u7dda\u304c1\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u30682\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b\" class=\"fz-xl\">\u539f\u56e01\uff1a\u7f6b\u7dda\u304c1\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u30682\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b<\/h2>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u306f\u3001Unicode \u306e East Asian Width\uff08\u6771\u30a2\u30b8\u30a2\u306e\u6587\u5b57\u5e45\u3001UAX #11\uff09\u3067\u3001<b class=\"fw-600\">Ambiguous\uff08\u66d6\u6627\uff09<\/b> \u306b\u5206\u985e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u6b27\u6587\u306e\u6587\u8108\u3067\u306f\u534a\u89d2\u3001\u6771\u30a2\u30b8\u30a2\u306e\u6587\u8108\u3067\u306f\u5168\u89d2\u3068\u3057\u3066\u6271\u308f\u308c\u308b\u6587\u5b57\u3067\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u305d\u306e\u305f\u3081\u3001\u30d5\u30a9\u30f3\u30c8\u306b\u3088\u3063\u3066\u3001\u7f6b\u7dda\u306e\u5e45\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">\u7f6b\u7dda\u304c1\u30de\u30b9<\/b>\uff1a Inconsolata\u3001UDEV Gothic\u3001M PLUS 1 Code \u306a\u3069<\/li>\r\n  <li><b class=\"fw-600\">\u7f6b\u7dda\u304c2\u30de\u30b9<\/b>\uff1a BIZ UDGothic\u3001HackGen \u306a\u3069\uff08\u65e5\u672c\u8a9e\u30d5\u30a9\u30f3\u30c8\u306e\u6d41\u308c\u3067\u3001\u5168\u89d2\u3067\u63cf\u3044\u3066\u3044\u308b\uff09<\/li>\r\n<\/ul>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u304c2\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u306f\u3001\u82f1\u8a9e\u3060\u3051\u306e AA \u3067\u3082\u5d29\u308c\u307e\u3059\u3002\u82f1\u5b57\u306f1\u30de\u30b9\u3001\u7f6b\u7dda\u306f2\u30de\u30b9\u306a\u306e\u3067\u3001\u67a0\u306e\u6a2a\u7dda\u304c\u4f38\u3073\u3066\u3057\u307e\u3046\u305f\u3081\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-css\">font-family: 'BIZ UDGothic', monospace;   \/* \u274c \u7f6b\u7dda\u304c2\u30de\u30b9\u3002\u82f1\u8a9e\u3060\u3051\u3067\u3082\u30ba\u30ec\u308b *\/\r\nfont-family: 'UDEV Gothic', monospace;    \/* \u2705 \u7f6b\u7dda\u304c1\u30de\u30b9\u3001\u5168\u89d2\u304c2\u30de\u30b9 *\/<\/code><\/pre>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'BIZ UDGothic' \u3060\u3051\u3067\u8868\u793a\u3057\u305f AA\uff08\u7f6b\u7dda\u304c2\u30de\u30b9\u306a\u306e\u3067\u30ba\u30ec\u308b\uff09<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'BIZ UDGothic', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<blockquote class=\"alert mt-1r\">\r\n<p class=\"fz-ss\"><svg class=\"alert-icon-note\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"\/><\/svg> AI \u304c\u66f8\u3044\u305f\u7f6b\u7dda AA \u304c\u30ba\u30ec\u308b<br>AI\uff08Claude \u306a\u3069\uff09\u306b\u7f6b\u7dda AA \u3092\u66f8\u304b\u305b\u308b\u3068\u3001\u30ba\u30ec\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u539f\u56e0\u306f\u3001AI \u304c\u8868\u793a\u5e45\u3067\u306f\u306a\u304f\u6587\u5b57\u6570\u3067\u6841\u3092\u6570\u3048\u3066\u3044\u308b\u3053\u3068\u3067\u3059\u3002\u5168\u89d2\u30921\u6841\u3068\u3057\u3066\u6570\u3048\u305f\u308a\u3001\u9577\u3044\u67a0\u3067\u6570\u3048\u9593\u9055\u3048\u305f\u308a\u3059\u308b\u3053\u3068\u3067\u884c\u3054\u3068\u306e\u6841\u6570\u304c\u30d0\u30e9\u30d0\u30e9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<\/blockquote>\r\n\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u539f\u56e021\u30de\u30b9\u306e\u5e45\u304c-05em-\u306e\u30d5\u30a9\u30f3\u30c8\u3068-06em-\u306e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b\" class=\"fz-xl\">\u539f\u56e02\uff1a1\u30de\u30b9\u306e\u5e45\u304c 0.5em \u306e\u30d5\u30a9\u30f3\u30c8\u3068 0.6em \u306e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b<\/h2>\r\n<p class=\"fz-ss\">\u65e5\u672c\u8a9e\u306e\u5168\u89d2\u6587\u5b57\u306f\u3001\u307b\u3068\u3093\u3069\u306e\u30d5\u30a9\u30f3\u30c8\u3067 1em \u306e\u5e45\u3067\u3059\u3002\u82f1\u5b57\u306e\u5e45\uff081\u30de\u30b9\uff09\u304c 0.5em \u306a\u3089\u3001\u5168\u89d2\u306f\u3061\u3087\u3046\u30692\u30de\u30b9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u3068\u3053\u308d\u304c\u3001\u82f1\u5b57\u3092 0.6em \u3067\u4f5c\u3063\u3066\u3044\u308b\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308a\u307e\u3059\uff08\u8868\u306e Google Sans Code \u7b49\uff09\u3002\u3053\u306e\u5834\u5408\u3001\u5168\u89d2 1em \u306f 1em \u00f7 0.6em = <b class=\"fw-600\">1.67\u30de\u30b9<\/b>\u306b\u3057\u304b\u306a\u3089\u305a\u3001\u65e5\u672c\u8a9e\u3092\u6df7\u305c\u305f\u884c\u304c\u30ba\u30ec\u307e\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u82f1\u5b57\u306e\u5e45<\/th>\r\n      <td>\u5168\u89d2\uff081em\uff09\u306e\u30de\u30b9\u6570<\/td>\r\n      <td>\u65e5\u672c\u8a9e\u3092\u6df7\u305c\u305f\u884c<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>0.5em<\/th>\r\n      <td>2.00\u30de\u30b9<\/td>\r\n      <td>\u63c3\u3046<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>0.6em<\/th>\r\n      <td>1.67\u30de\u30b9<\/td>\r\n      <td>\u30ba\u30ec\u308b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\">\u82f1\u5b57 0.6em \u306e\u30d5\u30a9\u30f3\u30c8\u3068\u3001\u5168\u89d2 1em \u306e\u65e5\u672c\u8a9e\u30d5\u30a9\u30f3\u30c8\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3068\u30012\u30de\u30b9\u5206\uff081.2em\uff09\u306b\u5bfe\u3057\u3066\u3001\u65e5\u672c\u8a9e1\u6587\u5b57\u3054\u3068\u306b 0.2em\uff08\u7d040.33\u30de\u30b9\uff09\u8db3\u308a\u306a\u304f\u306a\u308a\u307e\u3059\u3002\u65e5\u672c\u8a9e\u304c\u591a\u3044\u884c\u307b\u3069\u3001\u53f3\u7aef\u306e\u30ba\u30ec\u304c\u5927\u304d\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'Google Sans Code', 'BIZ UDGothic' \u3067\u8868\u793a\u3057\u305f AA\uff081\u30de\u30b9\u306e\u5e45\u304c\u9055\u3046\u306e\u3067\u30ba\u30ec\u308b\uff09<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'Google Sans Code', 'BIZ UDGothic', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<blockquote class=\"alert mt-1r\">\r\n<p class=\"fz-ss\"><svg class=\"alert-icon-note\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"\/><\/svg> \u300c35\u300d\u7cfb\u306e\u30d5\u30a9\u30f3\u30c8<br>\u306a\u304a\u3001\u82f1\u5b57\u3068\u5168\u89d2\u306e\u5e45\u306e\u6bd4\u3092 3:5 \u306b\u3057\u305f\u300c35\u300d\u7cfb\u306e\u30d5\u30a9\u30f3\u30c8\uff08HackGen35 \u306a\u3069\uff09\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f\u65e5\u672c\u8a9e1\u6587\u5b57\u304c 1.67 \u30de\u30b9\u306a\u306e\u3067\u30012:1 \u3092\u524d\u63d0\u306b\u3057\u305f AA \u306b\u306f\u5411\u304d\u307e\u305b\u3093\u3002<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u539f\u56e03\u30d5\u30a9\u30f3\u30c8\u306b\u7f6b\u7dda\u306e\u5b57\u5f62\u304c\u306a\u304f\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u308b\" class=\"fz-xl\">\u539f\u56e03\uff1a\u30d5\u30a9\u30f3\u30c8\u306b\u7f6b\u7dda\u306e\u5b57\u5f62\u304c\u306a\u304f\u3001\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u308b<\/h2>\r\n<p class=\"fz-ss\"><code>font-family<\/code> \u306f\u3001<b class=\"fw-600\">1\u6587\u5b57\u3054\u3068<\/b>\u306b\u3001\u30ea\u30b9\u30c8\u306e\u5148\u982d\u304b\u3089\u300c\u305d\u306e\u6587\u5b57\u306e\u5b57\u5f62\u3092\u6301\u3064\u6700\u521d\u306e\u30d5\u30a9\u30f3\u30c8\u300d\u3092\u9078\u3073\u307e\u3059\u3002\u7f6b\u7dda\u306e\u5b57\u5f62\u304c\u306a\u3044\u30d5\u30a9\u30f3\u30c8\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u305d\u306e\u6587\u5b57\u3060\u3051\u3001\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u8868\u306e BIZ UDGothic \u3068 HackGen \u306f\u3001\u7f6b\u7dda 128\u5b57\u306e\u3046\u3061 32\u5b57\u3057\u304b\u6301\u3063\u3066\u3044\u307e\u305b\u3093\u3002\u8db3\u308a\u306a\u3044\u7f6b\u7dda\u306f\u3001\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u3066\u3001\u5e45\u304c\u4e0d\u5b9a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u3053\u306e\u300c\u6587\u5b57\u3054\u3068\u306b\u30d5\u30a9\u30f3\u30c8\u304c\u5207\u308a\u66ff\u308f\u308b\u300d\u4ed5\u7d44\u307f\u306f\u3001\u6b21\u306e\u89e3\u6c7a\u7b56\u3067\u3082\u4f7f\u3044\u307e\u3059\u3002<\/p>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u89e3\u6c7a\u7b561\u7f6b\u7dda\u304c1\u30de\u30b9\u5168\u89d2\u304c2\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f7f\u3046\" class=\"fz-xl\">\u89e3\u6c7a\u7b561\uff1a\u7f6b\u7dda\u304c1\u30de\u30b9\u3001\u5168\u89d2\u304c2\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f7f\u3046<\/h2>\r\n<p class=\"fz-ss\">\u6700\u3082\u7c21\u5358\u306a\u306e\u306f\u3001\u6761\u4ef6\u3092\u6700\u521d\u304b\u3089\u6e80\u305f\u3059\u30d5\u30a9\u30f3\u30c8\u3092\u9078\u3076\u3053\u3068\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-css\">font-family: 'UDEV Gothic', monospace;\r\nfont-family: 'M PLUS 1 Code', monospace;<\/code><\/pre>\r\n<p class=\"fz-ss\">\u7b46\u8005\u306e\u74b0\u5883\u3067\u306f\u3001\u3069\u3061\u3089\u3082\u82f1\u8a9e\u30fb\u65e5\u672c\u8a9e\u30fb\u7f6b\u7dda\u304c\u63c3\u3044\u307e\u3057\u305f\u3002M PLUS 1 Code \u3068 UDEV Gothic \u306f\u3001\u5b9f\u6e2c\u3067\u3082\u300c\u82f1\u5b57 0.5em\u3001\u7f6b\u7dda 1\u30de\u30b9\u3001\u5168\u89d2 2\u30de\u30b9\u300d\u3067\u3057\u305f\u3002<\/p>\r\n<p class=\"fz-ss\">Web \u30b5\u30a4\u30c8\u3067\u4f7f\u3046\u5834\u5408\u306f\u3001Web \u30d5\u30a9\u30f3\u30c8\u3068\u3057\u3066\u914d\u4fe1\u3057\u307e\u3059\u3002<\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">M PLUS 1 Code<\/b>\uff1aGoogle Fonts \u304b\u3089\u8aad\u307f\u8fbc\u3081\u307e\u3059\u3002Google Fonts \u306e\u914d\u4fe1\u5206\u306b\u3082\u3001\u7f6b\u7dda128\u5b57\u304c\u3059\u3079\u3066\u542b\u307e\u308c\u3066\u3044\u307e\u3057\u305f\u3002<\/li>\r\n  <li><b class=\"fw-600\">UDEV Gothic<\/b>\uff1aGoogle Fonts \u306b\u306f\u306a\u3044\u306e\u3067\u3001\u81ea\u5206\u3067\u914d\u4fe1\u3057\u3066\u3001CDN \u304b\u3089\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<pre><code class=\"language-html\">&lt;!-- M PLUS 1 Code\uff08Google Fonts\uff09 --&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=M+PLUS+1+Code&amp;display=swap\"&gt;\r\n\r\n&lt;!-- UDEV Gothic\uff08\u81ea\u524d\u306e npm \u30d1\u30c3\u30b1\u30fc\u30b8\uff09 --&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-udevgothic@1.0.0\/font-face.css\"&gt;<\/code><\/pre>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'M PLUS 1 Code' \u3060\u3051\u3067\u8868\u793a\u3057\u305f AA<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'M PLUS 1 Code', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'UDEV Gothic'\u3060\u3051\u3067\u8868\u793a\u3057\u305f AA<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'UDEV Gothic', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u89e3\u6c7a\u7b562\u7f6b\u7dda\u3092\u6301\u3064-05em-\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u5148\u982d\u306b\u7f6e\u304f\" class=\"fz-xl\">\u89e3\u6c7a\u7b562\uff1a\u7f6b\u7dda\u3092\u6301\u3064 0.5em \u306e\u30d5\u30a9\u30f3\u30c8\u3092\u5148\u982d\u306b\u7f6e\u304f<\/h2>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u304c2\u30de\u30b9\u306e\u65e5\u672c\u8a9e\u30d5\u30a9\u30f3\u30c8\uff08BIZ UDGothic\uff09\u3092\u4f7f\u3044\u305f\u3044\u5834\u5408\u306f\u3001<b class=\"fw-600\">\u7f6b\u7dda\u304c1\u30de\u30b9\u3067\u3001\u82f1\u5b57\u304c 0.5em \u306e\u30d5\u30a9\u30f3\u30c8\u3092\u5148\u982d\u306b\u7f6e\u304d\u307e\u3059<\/b>\u3002<\/p>\r\n<pre><code class=\"language-css\">font-family: 'Inconsolata', 'BIZ UDGothic', monospace;<\/code><\/pre>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u306f\u3001\u5148\u982d\u306e Inconsolata \u304b\u3089\u51fa\u30661\u30de\u30b9\u306b\u306a\u308a\u307e\u3059\u3002\u65e5\u672c\u8a9e\u306f\u3001Inconsolata \u306b\u306a\u3044\u306e\u3067\u3001BIZ UDGothic \u304b\u3089\u51fa\u30662\u30de\u30b9\u306b\u306a\u308a\u307e\u3059\u3002\u3059\u3079\u3066\u304c 1:2 \u306b\u306a\u3063\u3066\u3001\u63c3\u3044\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u9806\u756a\u3092\u9006\u306b\u3059\u308b\u3068\u3001\u5148\u306b BIZ UDGothic \u306e\u7f6b\u7dda\uff082\u30de\u30b9\uff09\u304c\u4f7f\u308f\u308c\u3066\u3001\u30ba\u30ec\u307e\u3059\u3002<\/p>\r\n<h3 id=\"web-\u30b5\u30a4\u30c8\u3067\u4f7f\u3046\u3068\u304d\u306e\u6ce8\u610f\" class=\"fz-ml\">Web \u30b5\u30a4\u30c8\u3067\u4f7f\u3046\u3068\u304d\u306e\u6ce8\u610f<\/h3>\r\n<p class=\"fz-ss\">Google Fonts \u304b\u3089\u914d\u4fe1\u3055\u308c\u308b Inconsolata \u306f\u3001<code>unicode-range<\/code> \u304c latin \/ latin-ext \/ vietnamese \u306e3\u3064\u3060\u3051\u3067\u3001<b class=\"fw-600\">\u7f6b\u7dda\u7d20\u7247\uff08U+2500\u2013257F\uff09\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u305b\u3093<\/b>\u3002Web \u30d5\u30a9\u30f3\u30c8\u3068\u3057\u3066 <code>'Inconsolata', 'BIZ UDGothic'<\/code> \u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u7f6b\u7dda\u306f Inconsolata \u304b\u3089\u3067\u306f\u306a\u304f\u3001BIZ UDGothic \u304b\u3089\u51fa\u3066\u30012\u30de\u30b9\u306b\u306a\u308a\u307e\u3059\u3002\u7d50\u679c\u3068\u3057\u3066\u3001\u30ba\u30ec\u307e\u3059\u3002<\/p>\r\n\r\n<p class=\"fz-ss mt-1r\">Web \u30b5\u30a4\u30c8\u3067\u63c3\u3048\u308b\u306b\u306f\u3001\u7f6b\u7dda\u3092\u6301\u3064\u30d5\u30a9\u30f3\u30c8\u3092\u3001\u81ea\u5206\u3067\u914d\u4fe1\u3057\u307e\u3059\u3002Inconsolata \u306e\u7f6b\u7dda\u3060\u3051\u3092\u53d6\u308a\u51fa\u3057\u305f\u3001<code>Inconsolata Rule<\/code> \u3092\u5148\u982d\u306b\u7f6e\u304d\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-html\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-inconsolata-rule@&lt;version&gt;\/font-face.css\"&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inconsolata:wght@400;700&amp;display=swap\"&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=BIZ+UDGothic:wght@400;700&amp;display=swap\"&gt;<\/code><\/pre>\r\n<pre><code class=\"language-css\">font-family: 'Inconsolata Rule', 'Inconsolata', 'BIZ UDGothic', monospace;<\/code><\/pre>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'Inconsolata Rule', 'Inconsolata', 'BIZ UDGothic' \u3067\u8868\u793a\u3057\u305f AA\uff08Web \u3067\u3082\u63c3\u3046\uff09<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'Inconsolata Rule', 'Inconsolata', 'BIZ UDGothic', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u89e3\u6c7a\u7b563\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f5c\u3063\u3066\u63c3\u3048\u308bhackgen-\u306e\u5834\u5408\" class=\"fz-xl\">\u89e3\u6c7a\u7b563\uff1a\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f5c\u3063\u3066\u63c3\u3048\u308b<\/h2>\r\n<p class=\"fz-ss\">HackGen \u306f\u3001\u82f1\u5b57\u304c 0.527em\u3001\u5168\u89d2\u304c 1.054em \u3068\u3001\u5168\u89d2\u304c\u3061\u3087\u3046\u3069\u82f1\u5b57\u306e2\u500d\u3067\u3059\u3002\u3057\u304b\u3057\u7f6b\u7dda\u304c2\u30de\u30b9\u306a\u306e\u3067\u3001\u305d\u306e\u307e\u307e\u3067\u306f AA \u304c\u5d29\u308c\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u3067\u306f\u3001<code>'Inconsolata', 'HackGen'<\/code> \u3067\u306f\u3069\u3046\u3067\u3057\u3087\u3046\u304b\u3002\u3053\u308c\u3082 \u274c \u3067\u3059\u3002Inconsolata \u306e1\u30de\u30b9\u306f 0.5em \u306a\u306e\u3067\u3001\u65e5\u672c\u8a9e2\u30de\u30b9\u5206\u304c 1.0em \u306b\u306a\u308a\u307e\u3059\u3002\u3068\u3053\u308d\u304c HackGen \u306e\u5168\u89d2\u306f 1.054em \u306a\u306e\u3067\u30011\u6587\u5b57\u3054\u3068\u306b\u7d045.5%\u8db3\u308a\u305a\u3001\u65e5\u672c\u8a9e\u3092\u542b\u3080\u884c\u3060\u3051\u304c\u30ba\u30ec\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-css\">font-family: 'HackGen', monospace;              \/* \u274c \u7f6b\u7dda\u304c2\u30de\u30b9 *\/\r\nfont-family: 'Inconsolata Rule', 'Inconsolata', 'HackGen', monospace;   \/* \u274c \u65e5\u672c\u8a9e\u306e\u5e45\u304c\u5408\u308f\u306a\u3044 *\/<\/code><\/pre>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">'Inconsolata Rule', 'Inconsolata', 'HackGen' \u3067\u8868\u793a\u3057\u305f AA\uff08\u65e5\u672c\u8a9e\u3092\u542b\u3080\u884c\u3060\u3051\u30ba\u30ec\u308b\uff09<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'Inconsolata Rule', 'Inconsolata', 'HackGen', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h3 id=\"\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f5c\u308b\" class=\"fz-ml\">\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f5c\u308b<\/h3>\r\n\r\n<p class=\"fz-ss\">\u305d\u3053\u3067\u3001<b class=\"fw-600\">HackGen \u306e1\u30de\u30b9\uff080.527em\uff09\u306b\u5408\u308f\u305b\u305f\u3001\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8<\/b>\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\r\n\r\n<h4 class=\"fz-md\">\u4f5c\u308a\u65b9<\/h4>\r\n<ol style=\"list-style-type:decimal;\" class=\"my-0.5r\">\r\n  <li>Inconsolata \u304b\u3089\u3001\u7f6b\u7dda\uff08U+2500\u2013257F\uff09\u306e128\u5b57\u3060\u3051\u3092\u53d6\u308a\u51fa\u3059<\/li>\r\n  <li>\u500d\u7387\u3092\u3001HackGen \u306e1\u30de\u30b9\u3068 Inconsolata \u306e1\u30de\u30b9\u306e\u6bd4\u3067\u6c7a\u3081\u308b\uff1a0.52734375 \u00f7 0.5 = <b class=\"fw-600\">1.0546875\uff08105.46875%\uff09<\/b><\/li>\r\n  <li>UPM \u3092 1000 \u2192 1024 \u306b\u3057\u3066\u3001\u5ea7\u6a19\u3092 \u00d71.08 \u306b\u3059\u308b\uff081.024 \u00d7 1.0546875\uff09\u3002\u3053\u308c\u3067\u3001\u5b57\u5f62\u306e\u5e45\u304c 500 \u2192 <b class=\"fw-600\">540<\/b> \u306b\u306a\u308a\u3001HackGen \u306e\u534a\u89d2\uff08540\uff09\u3068\u540c\u3058\u306b\u306a\u308b<\/li>\r\n  <li>\u7e26\u65b9\u5411\u306e\u5bf8\u6cd5\uff08ascent \/ descent\uff09\u3082\u3001HackGen \u306b\u5408\u308f\u305b\u308b<\/li>\r\n<\/ol>\r\n<p class=\"fz-ss\">Inconsolata \u306f SIL Open Font License 1.1 \u306e\u30d5\u30a9\u30f3\u30c8\u3067\u3059\u3002\u6539\u5909\u3057\u3066\u914d\u5e03\u3059\u308b\u5834\u5408\u306f\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u8868\u8a18\u3092\u540c\u68b1\u3057\u307e\u3059\u3002<\/p>\r\n<h3 id=\"\u4f7f\u3044\u65b9\" class=\"fz-ml\">\u4f7f\u3044\u65b9<\/h3>\r\n<p class=\"fz-ss\">\u4f5c\u3063\u305f\u30d5\u30a9\u30f3\u30c8\u306f\u3001<code>Inconsolata Rule x1.0546875<\/code> \u3068\u3044\u3046\u540d\u524d\u3067\u516c\u958b\u3057\u3066\u3044\u307e\u3059\uff08Regular \/ Bold\u3001woff2 \u3067\u7d042.5KB\uff09\u3002\u540d\u524d\u306e <code>x1.0546875<\/code> \u306f\u3001\u5143\u306e Inconsolata \u306b\u5bfe\u3059\u308b\u500d\u7387\u3067\u3059\u3002\u500d\u7387\u3092\u5909\u3048\u305f\u7248\u306f\u3001<code>_x\u500d\u7387<\/code>\uff08\u30d5\u30a1\u30a4\u30eb\u540d\uff09\u3001<code> x\u500d\u7387<\/code>\uff08\u30d5\u30a9\u30f3\u30c8\u540d\uff09\u3067\u533a\u5225\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-html\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-inconsolata-rule@0.1.5\/font-face.x1.0546875.css\"&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@sarap422\/font-hackgen@1.0.0\/font-face.css\"&gt;<\/code><\/pre>\r\n<pre><code class=\"language-css\">font-family: 'Inconsolata Rule x1.0546875', 'HackGen', monospace;<\/code><\/pre>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u3060\u3051\u304c\u3053\u306e\u30d5\u30a9\u30f3\u30c8\u304b\u3089\u51fa\u3066\uff081\u30de\u30b9\uff09\u3001\u82f1\u5b57\u3068\u65e5\u672c\u8a9e\u306f HackGen \u304b\u3089\u51fa\u307e\u3059\u3002\u7f6b\u7dda\u306e\u5e45\u304c\u3001HackGen \u306e1\u30de\u30b9\u3068\u3074\u3063\u305f\u308a\u540c\u3058\u306a\u306e\u3067\u3001\u65e5\u672c\u8a9e\u3092\u6df7\u305c\u305f\u67a0\u3082\u63c3\u3044\u307e\u3059\u3002<\/p>\r\n\r\n<p class=\"fz-ss mt-1r\"><b class=\"fw-600\">Inconsolata Rule x1.0546875', 'HackGen' \u3067\u8868\u793a\u3057\u305f AA\uff08\u63c3\u3046\uff09<\/b><\/p>\r\n<pre><code class=\"language-text\" style=\"font-family:'Inconsolata Rule x1.0546875', 'HackGen', monospace;\">1234567890123456789012345678901234567890\r\n\u3042\u3044\u3046\u3048\u304a\u304b\u304d\u304f\u3051\u3053\u3055\u3057\u3059\u305b\u305d\u305f\u3061\u3064\u3066\u3068\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u250f\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2513\r\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn\r\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u2502            \u65e5\u672c\u8a9e\u3092\u542b\u3080\u7bb1             \u2502\r\n\u2502            ABC \u3042\u3044\u3046 123             \u2502\r\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n<\/code><\/pre>\r\n\r\n<p class=\"fz-ss\">VS Code \u3067\u3082\u3001\u540c\u3058\u30d5\u30a9\u30f3\u30c8\u3092 OS \u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001<code>editor.fontFamily<\/code> \u306b\u540c\u3058\u6307\u5b9a\u3092\u3059\u308c\u3070\u4f7f\u3048\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-json\">\"editor.fontFamily\": \"'Inconsolata Rule x1.0546875', 'HackGen', monospace\"<\/code><\/pre>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u7f6b\u7dda\u4ee5\u5916\u306e\u8a18\u53f7--\u3082\u5e45\u304c\u30d5\u30a9\u30f3\u30c8\u3067\u9055\u3046\" class=\"fz-xl\">\u7f6b\u7dda\u4ee5\u5916\u306e\u8a18\u53f7\uff08\u25cf \u2190 \u203b\uff09\u3082\u5e45\u304c\u30d5\u30a9\u30f3\u30c8\u3067\u9055\u3046<\/h2>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u3068\u540c\u3058 Ambiguous \u306e\u8a18\u53f7\uff08<code>\u25cf \u2190 \u2192 \u25a0 \u25b2 \u2026<\/code>\uff09\u3082\u3001\u30d5\u30a9\u30f3\u30c8\u306b\u3088\u3063\u30661\u30de\u30b9\u304b2\u30de\u30b9\u304b\u304c\u9055\u3044\u307e\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u6587\u5b57<\/th>\r\n      <td>Inconsolata<\/td>\r\n      <td>UDEV Gothic<\/td>\r\n      <td>BIZ UDGothic<\/td>\r\n      <td>HackGen<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><code>\u25cf<\/code><\/th>\r\n      <td>1\u30de\u30b9<\/td>\r\n      <td>1\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>\u2190<\/code><\/th>\r\n      <td>1\u30de\u30b9<\/td>\r\n      <td>1\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>\u203b<\/code><\/th>\r\n      <td>\u306a\u3057<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n      <td>2\u30de\u30b9<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\">HackGen \u3067\u306f\u3001<code>\u25cf \u25cb \u25c6 \u25c7 \u25a0 \u25a1 \u25b2 \u25b3 \u25bc \u25bd \u25ce \u2605 \u2606 \u203b \u2026 \u00d7 \u00b1 \u00f7 \u2190 \u2192 \u2191 \u2193<\/code> \u304c\u3001\u3059\u3079\u30662\u30de\u30b9\u3067\u3059\u3002\u307e\u305f\u3001\u7b87\u6761\u66f8\u304d\u306b\u3088\u304f\u4f7f\u3046 <code>\u2022<\/code>\uff08U+2022\uff09\u3068 <code>\u00b7<\/code>\uff08U+00B7\uff09\u306f\u3001\u5b57\u5f62\u304c\u306a\u304f\u3001\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u3001\u5e45\u304c\u4e0d\u5b9a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u7bb1\u306e\u4e2d\u30671\u30de\u30b9\u306e\u70b9\u3092\u4f7f\u3044\u305f\u3044\u5834\u5408\u306f\u3001HackGen \u3067\u306f <code>\uff65<\/code>\uff08U+FF65 \u534a\u89d2\u4e2d\u70b9\uff09\u304c1\u30de\u30b9\u3067\u3057\u305f\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u304b\u3089\u8a18\u53f7\u3092\u6307\u5b9a\u3055\u308c\u308b\u5834\u5408\u306f\u3001<b class=\"fw-600\">\u7bb1\u306e\u4e2d\u3067\u306f\u3001\u7f6b\u7dda\u3068 ASCII \u4ee5\u5916\u306e\u8a18\u53f7\u3092\u907f\u3051\u308b<\/b>\u306e\u304c\u7121\u96e3\u3067\u3059\u3002<\/p>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u8868\u793a\u307e\u308f\u308a\u306e-css\" class=\"fz-xl\">\u8868\u793a\u307e\u308f\u308a\u306e CSS<\/h2>\r\n<p class=\"fz-ss\">\u30d5\u30a9\u30f3\u30c8\u4ee5\u5916\u306b\u3082\u3001AA \u3092\u5d29\u3055\u306a\u3044\u305f\u3081\u306e\u8a2d\u5b9a\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-css\">pre, code {\r\n  font-variant-ligatures: none;   \/* \u5408\u5b57\u3092\u5207\u308b *\/\r\n  letter-spacing: 0;\r\n  line-height: 1.5;               \/* \u7e26\u7f6b\u7dda\u3092\u3064\u306a\u3052\u308b *\/\r\n  \/* \u30a2\u30f3\u30c1\u30a8\u30a4\u30ea\u30a2\u30b9 *\/\r\n  -webkit-font-smoothing: auto;\r\n  -moz-osx-font-smoothing: auto;\r\n}<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\"><code>line-height<\/code><\/b>\uff1a\u7f6b\u7dda\u306e\u7e26\u7dda\u306f\u3001\u5b57\u5f62\u306e\u9ad8\u3055\u306b\u9650\u308a\u304c\u3042\u308a\u307e\u3059\u3002\u884c\u9593\u304c\u5e83\u3059\u304e\u308b\u3068\u3001\u7e26\u7dda\u304c\u70b9\u7dda\u306e\u3088\u3046\u306b\u9014\u5207\u308c\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">\u30a2\u30f3\u30c1\u30a8\u30a4\u30ea\u30a2\u30b9<\/b>\uff1aMac \u3067\u306f\u3001\u7d30\u304f\u63a0\u308c\u3066\u898b\u3048\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<code>-webkit-font-smoothing: auto<\/code> \u306b\u3059\u308b\u3068\u3001\u898b\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u95a2\u9023\u3059\u308b\u5225\u306e\u539f\u56e0\" class=\"fz-xl\">\u95a2\u9023\u3059\u308b\u3001\u5225\u306e\u539f\u56e0<\/h2>\r\n<p class=\"fz-ss\">\u7f6b\u7dda\u304c\u30ba\u30ec\u308b\u539f\u56e0\u306f\u3001\u3053\u3053\u307e\u3067\u306e3\u3064\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6b21\u306e\u3088\u3046\u306a\u5831\u544a\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u304c\u5947\u6570\u3060\u3068\u30ba\u30ec\u308b<\/b>\uff1a\u5168\u89d2\u3068\u534a\u89d2\u304c\u6df7\u3056\u308b\u884c\u3067\u3001\u5c11\u3057\u305a\u3064\u30ba\u30ec\u308b\u3068\u3044\u3046\u5831\u544a\u304c\u3042\u308a\u307e\u3059\uff08Sublime Text \u3084 JetBrains \u7cfb\u30a8\u30c7\u30a3\u30bf\uff09\u3002\u5076\u6570\u30b5\u30a4\u30ba\u306b\u3059\u308b\u3068\u76f4\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">\u30d5\u30a9\u30f3\u30c8\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af<\/b>\uff1a\u4f7f\u3063\u3066\u3044\u308b\u30d5\u30a9\u30f3\u30c8\u306b\u7f6b\u7dda\u306e\u5b57\u5f62\u304c\u5341\u5206\u306b\u306a\u304f\u3001\u5225\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a\u3055\u308c\u3066\u5d29\u308c\u308b\u4f8b\u304c\u3042\u308a\u307e\u3059\u3002\u7f6b\u7dda\u3092\u6301\u3064\u30d5\u30a9\u30f3\u30c8\u3092 <code>font-family<\/code> \u306e\u5148\u982d\u306b\u7f6e\u304f\u3068\u76f4\u308a\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">VS Code \u306e Monaco Editor<\/b>\uff1a\u4e00\u90e8\u306e\u5168\u89d2\u8a18\u53f7\uff08<code>\u03b1<\/code> \u306a\u3069\uff09\u3092\u3001\u534a\u89d21\u6587\u5b57\u306e\u5e45\u3068\u3057\u3066\u5224\u5b9a\u3057\u307e\u3059\u3002\u30a4\u30f3\u30c7\u30f3\u30c8\u306e\u4f4d\u7f6e\u304c\u30ba\u30ec\u308b\u539f\u56e0\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u307e\u3068\u3081\" class=\"fz-xl\">\u307e\u3068\u3081<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\u3067\u3082\u3001<b class=\"fw-600\">\u7f6b\u7dda\u304c1\u30de\u30b9\u304b2\u30de\u30b9\u304b<\/b>\u3001<b class=\"fw-600\">1\u30de\u30b9\u304c 0.5em \u304b 0.6em \u304b<\/b> \u306f\u3001\u30d5\u30a9\u30f3\u30c8\u3054\u3068\u306b\u9055\u3046\u3002<\/li>\r\n  <li>AA \u304c\u63c3\u3046\u6761\u4ef6\u306f\u3001\u300c\u82f1\u5b57 = 1\u30de\u30b9\u300d\u300c\u7f6b\u7dda = 1\u30de\u30b9\u300d\u300c\u5168\u89d2 = 2\u30de\u30b9\u300d\u306e3\u3064\u3002<\/li>\r\n  <li>\u6e80\u305f\u3059\u30d5\u30a9\u30f3\u30c8\uff08UDEV Gothic\u3001M PLUS 1 Code\uff09\u3092\u4f7f\u3046\u304b\u3001\u7f6b\u7dda\u304c1\u30de\u30b9\u3067 0.5em \u306e\u30d5\u30a9\u30f3\u30c8\uff08Inconsolata\uff09\u3092\u5148\u982d\u306b\u7f6e\u304f\u3002<\/li>\r\n  <li>HackGen \u306e\u3088\u3046\u306b\u3001\u5168\u89d2\u304c 1.054em \u3067\u7f6b\u7dda\u304c2\u30de\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u306f\u3001<b class=\"fw-600\">\u500d\u7387\u3092\u5408\u308f\u305b\u305f\u7f6b\u7dda\u3060\u3051\u306e\u30d5\u30a9\u30f3\u30c8<\/b>\u3092\u5148\u982d\u306b\u7f6e\u304f\u3068\u63c3\u3046\u3002<\/li>\r\n  <li>AI \u304c\u66f8\u3044\u305f AA \u306f\u3001\u30bd\u30fc\u30b9\u306e\u6841\u6570\u3092\u3001\u8868\u793a\u5e45\u3092\u8a08\u7b97\u3059\u308b\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u691c\u8a3c\u3059\u308b\u3002<\/li>\r\n<\/ul>\r\n\r\n<hr class=\"separator mx-auto mt-3r\" \/>\r\n\r\n<h2 id=\"\u53c2\u8003\" class=\"fz-xl\">\u53c2\u8003<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><cite><a href=\"https:\/\/www.unicode.org\/reports\/tr11\/\" target=\"_blank\" class=\"link\">UAX #11: East Asian Width\uff08Unicode\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/ja.wikipedia.org\/wiki\/%E6%9D%B1%E3%82%A2%E3%82%B8%E3%82%A2%E3%81%AE%E6%96%87%E5%AD%97%E5%B9%85\" target=\"_blank\" class=\"link\">\u6771\u30a2\u30b8\u30a2\u306e\u6587\u5b57\u5e45\uff08Wikipedia\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/github.com\/yuru7\/udev-gothic\" target=\"_blank\" class=\"link\">UDEV Gothic\uff08GitHub\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/github.com\/yuru7\/HackGen\" target=\"_blank\" class=\"link\">HackGen\uff08GitHub\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/github.com\/googlefonts\/Inconsolata\" target=\"_blank\" class=\"link\">Inconsolata\uff08GitHub\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/www.npmjs.com\/package\/@sarap422\/font-inconsolata-rule\" target=\"_blank\" class=\"link\">@sarap422\/font-inconsolata-rule\uff08npm\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/www.npmjs.com\/package\/@sarap422\/font-hackgen\" target=\"_blank\" class=\"link\">@sarap422\/font-hackgen\uff08npm\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/www.npmjs.com\/package\/@sarap422\/font-udevgothic\" target=\"_blank\" class=\"link\">@sarap422\/font-udevgothic\uff08npm\uff09<\/a><\/cite><\/li>\r\n<\/ul>\r\n","protected":false},"excerpt":{"rendered":"\u7b49\u5e45\u30d5\u30a9\u30f3\u30c8\u306a\u306e\u306b\u7f6b\u7dda\uff08ASCII\u30a2\u30fc\u30c8\uff09\u304c\u30ba\u30ec\u308b\u539f\u56e0\u3092\u3001\u7f6b\u7dda\u306e1\u30de\u30b9\/2\u30de\u30b9\u30681\u30de\u30b9\u306e\u5e45\uff080.5em\/0.6em\uff09\u3067\u6574\u7406\u3002UDEV tags: Gothic\u30fbBIZ UDGothic\u30fbHackGen\u306e\u5b9f\u6e2c\u5024\u3068\u3001\u63c3\u3048\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[11],"tags":[1164,1171,1161,1162,1163,1165,1166,1167,1168,1170,1169,127],"group":[],"pg":[],"class_list":["post-14881","post","type-post","status-publish","format-standard","category-html-css","tag-box-drawing","tag-1171","tag-1161","tag-1162","tag-ascii","tag-1165","tag-east-asian-width","tag-udev-gothic","tag-hackgen","tag-inconsolata","tag-biz-udgothic","tag-vs-code"],"acf":[],"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=14881"}],"version-history":[{"count":10,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14881\/revisions"}],"predecessor-version":[{"id":14970,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14881\/revisions\/14970"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=14881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=14881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=14881"},{"taxonomy":"group","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/group?post=14881"},{"taxonomy":"pg","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/pg?post=14881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}