• 북마크
타입문넷

질문게시판

[일반] AA게시판에서 AA 크기 조절에 대해 여쭤보고자 합니다

본문



야루요미 게시판을 가 보면 AA별로 크기가 천차만별입니다. 작아서 연속으로 옆에 붙여넣어도 4개는 거뜬히 나열할 수 있는 소형의 AA도 있고, 하나 집어넣으면 가로 세로로 다른 AA에 2배는 되는 대형 AA도 있더군요.



문제는 AA 게시판에 글을 쓸 때 후자 같은 큰 AA를 붙이려다가 그 옆에 대사를 넣으려고 하면 다음줄로 밀려나면서 AA가 깨지게 되네요. 그래서 그 대형 AA의 크기를 줄인 다음 그 옆에 대사를 넣으려니 그 옆에 넣으려는 대사의 글자 크기마저 같이 줄어들으니 이게 영 골치가 아픕니다.



혹시 AA의 크기를 줄인 다음 그 옆에다가 다른 크기의 글자를 AA가 안 깨지고 넣을 방법이 따로 없을까요. 써놓은 완성품을 확인하다가 어떤 AA는 비정상적으로 크고 어떤 AA는 위에 비해 비정상적으로 작아서 제가 보기에도 보기 좀 불편해서 가능하다면 방법을 알고 싶습니다.






  • 1.22Kbytes
0
로그인 후 추천 또는 비추천하실 수 있습니다.
profile_image
포인트 100
경험치 17,471
[레벨 19] - 진행률 20%
가입일 :
2011-10-01 12:42:30 (4832일째)
미입력

댓글목록 7

숯참님의 댓글

profile_image
그 뭐지? <>에 올리는 코드에 따라 자동으로 밀려서 깨지는 코드가 따로있고, 안 밀리는 코드가 따로 있는거 같더라고요.

<div><br /></div>

<div>다른 분들이랑 이런 주제에 대해서 이야기 해본 적은 없어서 확인한 적은 없지만요.<br />

<div><br /></div>

<div><a href="https://github.com/transTemple/aaFont" target="_blank">https://github.com/transTemple/aaFont</a>&nbsp;저는 이 코드 쓰면서 깨진 적이 한 번도 없었습니다.</div>

<div><br /></div>

<div><a href="/bbs/board.php?bo_table=write_nirvana&wr_id=23196" target="_blank">https://www.typemoon.net/bbs/board.php?bo_table=write_nirvana&amp;wr_id=23196</a>&nbsp;아니면 이 글의 코드를 써보셔도 괜찮을 듯 합니다.</div>

<div><br /></div></div>

숯참님의 댓글의 댓글

profile_image
우선 제가 알기로 AA의 크기를 하나만 따로 줄이는 방법은 없습니다.

<div><br /></div>

<div>답은 글자가 밀리는 걸 막는 것 뿐이라고 생각합니다.</div>

<div><br /></div>

<div>물론 어떤 분이 알려주신다면 저도 좋지만요-</div>

템플님의 댓글

profile_image
<div style="display: none">

<link rel="stylesheet" type="text/css" href="https://transtemple.github.io/aaFont/aaFont.css" /></div>

<div class="AA_Text">

<div style="left: 250px; top: 50px; position: relative; font-size: 18px">이런식으로 css속성을 쓰면 가능은 합니다만, <br />텍스트로만 만드는 AA의 특성과는 맞지 않습니다.</div>

<div style="font-size: 9px">             _ -====- 、<br />             /ニニニト 、ニニi __<br />            /ニニニニ」__ヾュ'_|<br />       ,、    |ニ斗=ニニニニニニニニ-_<br />    ,、 | |    /ニ/://;::::ヾ:、:::::::`::..、ニニ∧<br />    .!∨/ニつ'ァニ/:;::/::i::|:::i:::::lィ::ヾ:::ヽ::\ニニ}<br />     ! {. :.,∨/ニ/:/:::{:::ハ:!:::イ:リ,r斧ヾ、::',:ヾ:≧z<br />   .∧  { ノニニ|::l:::::ヘ「「W j/ハtツ }:i::::!:::`&lt;<br />    ∧  {\ニ|::ハ:{:::{ 筏ぅ 、    从::ト、::::::\「 ア<br />    ./|  lヽ `j/ ノヾ:廴、   _ ノ ハ:ハj:l::ト--ァィ≦::`ヽ、                  _<br />    /:.:.:.!  レ| / 从:、\:>ー-  イ k、:/ソ_`ヽ!ヾ::::ヾ::\_,            /〉/<br />    ト-┴_彡 1   {ハ::}ヾ::ト∨`ー- ,、ノ、\  |\_ ` ー-ヾド  __          ///, -ァ                             __<br />    |¨ ¨    ,′ _」_ ∠ ヾ ̄\ヽ/∧;;j ̄rニ\┴-- 、  ′'i;i;i;i;i;i;i;i;i\     /-っ∠、                         _,. ァ≦7/:.:.:.:.:.:》:ヽ、<br />   :.    ;{ ノ´  `ヽ. \ヽ  \'  ヘ;\__ヽ:. 、 }/;i;i;i;i;i;i;i;i;i;i;i;i;i;i\べ ノ´ノ¨¨´ _            _   -==ニニニ{:.:.ヽハ:_:.:.-‐:':.:ノノ<br />    l    .:レ'ヽ、、      ,!、      \i;i;i;i;i;i;i;i;i;i;i;i;i;i;i;i;/_,.二=イ⌒ふヽY´  /ハィ‐、 _   -==ニニニニニニニニニ才ヽ:.:._:.:.:-:.:./<br />    .!   .:'}:、 ヾ:.、  _:.:.:._/: ._    . : . : \丈二二二_ノノ / / ノゝ&lt;ノ ⌒ ≦7 いr 7ニニニニニニニニニニ=‐ ¨ヾ:.:.:.:.:ノィ'¨¨ ̄<br />     |  / ハ:   ソ   .:/ ヽ: : :_: . : . : . :  ヽ>- 二_ ̄`ヽ./ / ソ /     `_-ィy′/ニニニニニニニニ- ¨      `ー-‐''′<br />    |      イ` ー "    \: : : ー-. . _ - \\_ヾー--ヽ .イ/f´ぶ     /ニ> 」ニニニニニ=‐ "´<br />    ゝ-‐ "               \: :` ー   . : : ヽ \ー-ヽ</:ィ{ いノハ \ /ニニニニ>ー¬ヾ´<br />                           \ : : . . : : /.:  ヽ ヽー /-!j∨( ゝ_'    &gt;ニニニニニニニ>'<br />                          入: : :_/.:   .} |ニ才---´_ヘ _ソい  />'` <ニニニニニニ><br />                      ノj7. : : :     ノ.ノ'-/----\ヾ、 ふノ /_,ゝふ_ゝイ`: <ニニニニニニ=- _<br />                     /i7. :      / /-/-/-----´-!ィヽ ). :  り:.い′: . : .`  ‐=ニニニニニニ- _<br />                       { r、        / /---/------f リ {_ノイ⌒7ーゝ≦_: . :-‐_:二,、:} ¨ -=ニニニニ7`ヽ、_<br />                      ∧ヽ〉      / /.-/-------- j/ 7  { /.:. ̄ : . : . : . .___い'      `ヾニニ廴//:.:.:.:<._<br />                          \ &lt;ー_ュ rュ∨、-----------/7ーヽ' .イ ̄ ̄ ̄ ̄ ̄. . . . ./:リ         }:.:.:.:.:.:ヽ-'`:ー---‐^ヽ<br />                          ` ー--=≦-_-\------- /7こゝ/:.:. ̄: :¨: . :─--. . .,ふ´        {ー--‐z=-:.:.:.:.:.:.:.:.::ノ)<br />                             ヾ-_-_-_-_≧=----|j7こソ ̄:.:=-:.:._: : . : . . . . . /:.{:.j         `¨¨¨´   `¨¨¨¨¨¨´<br />                                 ` ミ_ヾ_-_-_-_≧-いノヾ-:.:_:.: : : : .¨: . :-=. . _ヽこ<br />                                   ̄\_-_-_-_|]'にイ、:.:.:.:.¨: :-: :_: . : . . /: :〉 ノ<br />                                   `~=_-.ヘこヾ:\:.:._: : : : .\: ._.乂ゝ'′<br />                                        `ヾヘ う'ヽ:.:.ヽ: :>-、 /、:.//<br />                                         \_}、:.いヾ\ .: へふ´<br />                                             `ゝ^ー-‐`ー ´<br /><br /></div></div>

하늘기사님의 댓글의 댓글

profile_image
이런게 필요한데...생각보다 손이 많이 갈거 같은 느낌...

템플님의 댓글의 댓글

profile_image
<div>PC화면을 기준으로 하면 단순하게 커다란 AA부분만 원래 크기인 16px에서 AA가 깨지지않는 폰트 크기인 11px나 9px로 줄이시면 됩니다.</div>

<div><br /></div>

<div>다만 웹폰트 태그쪽 css에서 화면 가로크기에 따라서 11px나 9px로 크기를 줄이기 때문에</div>

<div>이런경우 나머지 내용이 같이 작아지면서 모바일에서는 원래 사이즈처럼 적용이 될겁니다.</div>

<div><br /></div>

<div>AA옆에 제가 단 댓글처럼 글자를 적으시려고 하시면 글자로 그림을 그리는 AA 특성상 <br /></div>

<div>한줄 크기가 문자 크기로 정해지기 때문에 그대로 적으시면 AA가 깨지게 됩니다.</div>

<div><br /></div>

<div>댓글에서는 한글로 적은 부분은 사실 다른 부분에 적힌 글을 css 사용해서 강제로 이동시킨거라</div>

<div>메모장같은데 복붙하시면 보이시는 위치에 표시되지 않게 됩니다.<br /></div>

하늘기사님의 댓글의 댓글

profile_image
모바일에서 원래 사이즈로 적용되면 뭐 그닥 의미가 없을 거 같고...보는 분들 편리하게 하려고 물어본 건데 모바일에서 그대로라면 그냥 이대로 가는게 낫겠군요. 알려주셔서 감사합니다.

템플님의 댓글의 댓글

profile_image
<div>발생하는 문제가 <br /></div>

<div>1. 길어진 문자가 단순히 다음줄로 밀리는 문제</div>

<div>2. 모바일 화면에서 넘치는 가로부분이 화면 밖까지 존재하나 옆으로 스크롤이 되지 않는 문제<br /></div>

<div>둘중 하나라면 해결 가능할 수도 있습니다.<br /></div>

<div><br /></div>

<div>테스트 가능한 예시 올려주시면 해결가능한지 한번 살펴는 보겠습니다~<br /></div>
전체 12 건 - 1 페이지
제목
레벨 잔재버스트 1,729 0 2023.09.15
어린슈존버 1,576 0 2022.04.10
어린슈존버 1,143 1 2022.01.26
어린슈존버 1,130 0 2021.04.25
아즐란 1,237 0 2020.04.11
하늘기사 1,660 0 2019.09.06
하늘기사 1,714 0 2019.08.24
하늘기사 4,755 0 2018.06.22
하늘기사 2,858 0 2015.06.22
하늘기사 4,813 0 2015.03.06
하늘기사 2,638 0 2014.11.24
하늘기사 3,267 0 2012.12.03