feat: 글꼴 속성 시험 적용

hwe/b_betting.php

@@ -511,7 +511,7 @@ if ($str3) {
 
             foreach ($tournamentType as $tournamentTypeText => [$statTypeText, $statFunc, $rankColumn]) : ?>
                 <td>
-                    <table align=center width=280 class='tb_layout bg0'>
+                    <table align=center width=280 class='tb_layout bg0 f_tnum'>
                         <tr>
                             <td colspan=9 align=center style=color:white;background-color:black;>
                                 <font size=4><?= $tournamentTypeText ?></font>

hwe/func.php

@@ -881,7 +881,7 @@ function generalInfo2(General $generalObj)
         <td style='text-align:center;'>{$generalObj->getRankVar('deathcrew')}</td>
     </tr>
 </table>
-<table width=498 class='tb_layout bg2'>
+<table width=498 class='tb_layout bg2 f_tnum'>
     <tr><td style='text-align:center;' colspan=4 class='bg1'><b>숙 련 도</b></td></tr>
     <tr height=16>
         <td width=64 style='text-align:center;' class='bg1'><b>보병</b></td>

hwe/scss/common/pretendard.scss

@@ -5,3 +5,23 @@ $font-family-sans-serif: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'M
 html, body {
     font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic';
 }
+
+.f_tnum{
+    //고정폭 숫자
+    font-feature-settings: 'tnum';
+}
+
+.f_ccmp{
+    //합성 문자
+    font-feature-settings: 'ccmp';
+}
+
+.f_frac{
+    //분수 및 첨자
+    font-feature-settings: 'frac';
+}
+
+.f_ss05{
+    //한글에 맞춘 줄임표(비표준)
+    font-feature-settings: 'ss05';
+}

hwe/ts/components/NumberInputWithInfo.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="row form-group number-input-with-info">
-    <label v-if="!right" class="col-6 col-form-label">{{ title }}</label>
+    <label v-if="!right" class="col-6 col-form-label ">{{ title }}</label>
     <div class="col-6">
       <input
         ref="input"
         type="number"
         :step="step ?? undefined"
         v-model="rawValue"
-        class="form-control"
+        class="form-control f_tnum"
         :min="min ?? undefined"
         :max="max ?? undefined"
         @blur="onBlurNumber"
@@ -16,7 +16,7 @@
       />
       <input
         type="text"
-        class="form-control"
+        class="form-control f_tnum"
         :readonly="readonly"
         :value="printValue"
         @focus="onFocusText"

hwe/ts/inheritPoint.vue

@@ -25,7 +25,7 @@
             <div class="col col-md-6 col-sm-5 col-6">
               <input
                 type="text"
-                class="form-control inherit_value"
+                class="form-control inherit_value f_tnum"
                 readonly
                 :id="`inherit_${key}_value`"
                 :value="Math.floor(items[key]).toLocaleString()"
@@ -101,7 +101,7 @@
             </div>
           </div>
           <div class="row px-4">
-            <div class="col">
+            <div class="col f_tnum">
               <NumberInputWithInfo
                 title="입찰 포인트"
                 :min="inheritActionCost.minSpecificUnique"
@@ -204,7 +204,7 @@
           <label class="col col-sm-6 col-form-label" :for="`buff-${buffKey}`">{{
             info.title
           }}</label>
-          <div class="col col-sm-6">
+          <div class="col col-sm-6 f_tnum">
             <b-form-input
               :id="`buff-${buffKey}`"
               type="number"
@@ -215,7 +215,7 @@
           </div>
         </div>
         <div style="text-align: right">
-          <small class="form-text text-muted"
+          <small class="form-text text-muted f_tnum"
             >{{ info.info }}<br /><span style="color: white"
               >필요 포인트:
               {{
@@ -247,7 +247,7 @@
     </div>
     <div class="row" v-for="(log, idx) in lastInheritPointLogs" :key="idx">
       <div class="col a-right" style="max-width:20ch">
-        <small class="text-muted">[{{log.date}}]</small>
+        <small class="text-muted tnum">[{{log.date}}]</small>
       </div>
       <div class="col a-left">
         {{log.text}}
@@ -700,4 +700,8 @@ export default defineComponent({
 .inherit_value {
   text-align: right;
 }
+
+.tnum{
+  font-feature-settings: 'tnum';
+}
 </style>