λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
일반자료

ν‹°μŠ€ν† λ¦¬ 글쓰기와 '폰트 λ‹¨μœ„' 크기 비ꡐ.

by misoQueen 2021. 6. 13.
λ°˜μ‘ν˜•

μš”μ¦˜ 유튜브 μ˜μƒμ„ 보면 λ§Žμ€ μœ νŠœλ²„λ“€μ΄ λ˜‘κ°™μ΄ λΈ”λ‘œκ·Έλ₯Ό μš΄μ˜ν•˜λ©΄ λ§Žμ€ μˆ˜μ΅μ„ 얻을 수 μžˆλ‹€λŠ” 말을 ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. 처음 μ˜μƒμ„ λ³΄λŠ” μ‚¬λžŒλ“€μ—κ²Œ κ°•ν•œ ν˜ΈκΈ°μ‹¬μ„ 느끼게 μžκ·Ήμ„ ν•©λ‹ˆλ‹€. 넀이버, 쿠팑, ν‹°μŠ€ν† λ¦¬ λΈ”λ‘œκ·Έ, μ• λ“œμ„ΌμŠ€ 승인, ꡬ글 κ΄‘κ³ , μ• λ“œμ„ΌμŠ€ 승인 거절 λ“± 무슨 말인지 μ•Œ μˆ˜κ°€ μ—†μŠ΅λ‹ˆλ‹€.

유튜브 μ˜μƒ λͺ‡κ°œλ₯Ό 더 보고 λ‹€μŒμ΄λ‚˜ ꡬ글 κ²€μƒ‰μœΌλ‘œ ν‹°μŠ€ν† λ¦¬ κ°€μž…μ„ μ–΄λ–»κ²Œ ν•˜λŠ”μ§€ μ•Œμ•„λ³΄κ³  λ¬΄ν„±λŒ€κ³  ν‹°μŠ€ν† λ¦¬  μ‹œμž‘ν•˜κΈ°λ₯Ό 눌러 κ°€μž…μ„ ν•˜κ³  λΈ”λ‘œκ·Έλ₯Ό λ§Œλ“œλŠ” λ°λŠ” μΉœμ ˆν•˜κ²Œ μ•Œλ €μ£ΌλŠ” 글이 λ§Žμ•„ 어렡지 μ•ŠμŠ΅λ‹ˆλ‹€.

 

 

ν‹°μŠ€ν† λ¦¬(Tistory) λŠ”

Tattertools + history 의 ν•©μ„±μ–΄μž…λ‹ˆλ‹€.

νƒœν„°νˆ΄μ¦ˆλŠ” λΈ”λ‘œκ·Έλ₯Ό λ§Œλ“€ 수 μžˆλ„λ‘ ν•˜λŠ” ν”„λ‘œκ·Έλž¨μž…λ‹ˆλ‹€. λ‹€μŒ(Daum)μ—μ„œ νƒœν„°νˆ΄μ¦ˆλ₯Ό κ°œλ°œν•œ νƒœν‹° μ•€ μ»΄νΌλ‹ˆ(TNC)와 곡동 μš΄μ˜μ„ ν•˜λ‹€κ°€ 2007λ…„ λ‹€μŒμ—μ„œ μ™„μ „ 인수λ₯Ό ν–ˆμŠ΅λ‹ˆλ‹€. ν‹°μŠ€ν† λ¦¬ λΈ”λ‘œκ·ΈλŠ” λ‹€μŒμ—μ„œ μš΄μ˜ν•˜λŠ” λΈ”λ‘œκ·Έμž…λ‹ˆλ‹€.

ν‹°μŠ€ν† λ¦¬ λΈ”λ‘œκ·Έκ°€ ꡬ글 μ• λ“œμ„ΌμŠ€ κ΄‘κ³ κ°€ 지원돼 수읡이 많이 λ°œμƒν•œλ‹€κ³  μ•Œλ €μ§€λ©΄μ„œ 넀이버 λΈ”λ‘œκ·Έμ—λ„ μ• λ“œν¬μŠ€νŠΈλΌλŠ” κ΄‘κ³  κΈ°λŠ₯을 μΆ”κ°€ν–ˆμ§€λ§Œ 수읡이 더 많이 잘 λ‚˜μ˜€λŠ” ꡬ글 μ• λ“œμ„ΌμŠ€λ₯Ό μ΄μš©ν•˜κΈ° μœ„ν•΄ 넀이버 λΈ”λ‘œκ±°λ“€μ΄ ν‹°μŠ€ν† λ¦¬μ— κ°€μž…ν•˜λŠ” μ‚¬λžŒμ΄ 많이 λŠ˜μ–΄λ‚¬μŠ΅λ‹ˆλ‹€.

ν•˜μ§€λ§Œ ν‹°μŠ€ν† λ¦¬ λΈ”λ‘œκ·Έλ„ 처음 λΈ”λ‘œκ·Έλ₯Ό μ‹œμž‘ν•˜λŠ” μ΄ˆλ³΄μ—κ²ŒλŠ” 그리 쉽지가 μ•ŠμŠ΅λ‹ˆλ‹€. λΈ”λ‘œκ·Έλ₯Ό κ°œμ„€ν•˜κ³  처음 κ²Œμ‹œκΈ€ μ“°κΈ°λΆ€ν„° λ§‰λ§‰ν•΄μ§‘λ‹ˆλ‹€.

ν‹°λΈ”λ‘œκ·Έ μ°½ μ•„λ¬΄λ°λ‚˜ 빈 곳에 마우슀 μ™Όμͺ½μ„ ν΄λ¦­ν•˜κ³  ν‚€λ³΄λ“œ qλ₯Ό λˆ„λ₯΄λ©΄ κΈ€μ“°κΈ° 창이 λœΉλ‹ˆλ‹€. μ™Όμͺ½ 관리항λͺ© λ§¨μœ„μ— μ“°κΈ°λ₯Ό λˆŒλŸ¬λ„ λ©λ‹ˆλ‹€.

 

 

κΈ€μ“°κΈ° ν…μŠ€νŠΈ 에디터.

ν‹°λΈ”λ‘œκ·Έ ν…μŠ€νŠΈ 에디터.jpg
ν‹°μŠ€ν† λ¦¬ κΈ€μ“°κΈ°

       

μ™Όμͺ½λΆ€ν„° μˆœμ„œλŒ€λ‘œ

ⓐ κ²Œμ‹œκΈ€μ„ μ“°κ³  κ²Œμ‹œκΈ€ λ‚΄μš©μ„ λ‚˜νƒ€λ‚΄λŠ” 사진을 λ‚΄ 컴퓨터 μ‚¬μ§„μ—μ„œ 가져와 μ‚½μž…ν•˜λŠ” κΈ°λŠ₯을 ν•©λ‹ˆλ‹€.
사진을 λ„£κ³  싢은 μœ„μΉ˜μ— 마우슀 μ™Όμͺ½μ„ 클릭해 μ§€μ •ν•œ ν›„ λ„ν˜•μ„ ν΄λ¦­ν•˜λ©΄ 사진, 파일, λ™μ˜μƒ, μŠ¬λΌμ΄λ“œ μ‡Ό ν•­λͺ©μ΄ λ‚˜μ˜€λŠ”λ° 맨 μœ„ 사진을 ν΄λ¦­ν•˜λ©΄ λ‚΄ 컴퓨터에 μ €μž₯ν•œ 사진이 λ‚˜νƒ€λ‚©λ‹ˆλ‹€. κ·Έμ€‘μ—μ„œ 사진을 μ„ νƒν•˜μ—¬ 더블 클릭을 ν•˜λ©΄ μ§€μ •ν•œ μœ„μΉ˜μ— λ“€μ–΄κ°€κ²Œ λ©λ‹ˆλ‹€.

β“‘ κ²Œμ‹œκΈ€μ˜ 글씨(ν°νŠΈγ†font) 크기λ₯Ό 선택할 수 μžˆμŠ΅λ‹ˆλ‹€. 제λͺ©μ€ μ•„λ§ˆ μ •ν•΄μ Έ μžˆμ„ κ²ƒμž…λ‹ˆλ‹€. λ³Έλ¬Έ κΈ€ 크기λ₯Ό λ³Έλ¬Έ 1둜 μ„ νƒν•©λ‹ˆλ‹€. λ§Œμ•½μ— μ†Œμ œλͺ©μ„ λ„£κ³  μ‹Άλ‹€λ©΄ λ³Έλ¬Έ 1을 ν΄λ¦­ν•˜λ©΄ 제λͺ© 1λΆ€ν„° λ³Έλ¬Έ 3κΉŒμ§€ λ‹€μ–‘ν•œ 크기가 λ‚˜νƒ€λ‚©λ‹ˆλ‹€. λ„£κ³  싢은 크기λ₯Ό μ„ νƒν•˜λ©΄ λ©λ‹ˆλ‹€.

β“’ κΈ°λ³Έ μ„œμ²΄λΌ λ˜μ–΄μžˆλŠ” 곳을 ν΄λ¦­ν•˜λ©΄ 글씨 μ’…λ₯˜κ°€ λ‚˜μ˜΅λ‹ˆλ‹€. μ„ ν˜Έν•˜λŠ” 글씨λ₯Ό μ„ νƒν•˜λ©΄ λ©λ‹ˆλ‹€.

 

 

β““ Bλ₯Ό 클릭해 κΈ€μ”¨μ˜ κ΅΅κΈ°λ₯Ό λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ˜†μ— μžˆλŠ” IλŠ” κΈ€ 기울기 , U밑에 쀄이 μžˆλŠ” 것은 글씨에 밑쀄을 그을 λ•Œ μ‚¬μš©ν•©λ‹ˆλ‹€.

β“” 이곳 T에 점이 찍힌 것을 ν΄λ¦­ν•˜λ©΄ 글씨 색상을 λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

 

β“• λ„€λͺ¨ μ•ˆμ— Tκ°€ μžˆλŠ” 것은 문단에 μƒ‰μƒμœΌλ‘œ 쀄을 κ·Έμ–΄ κ°•μ‘°λ₯Ό λ‚˜νƒ€λ‚Όλ–„ μ‚¬μš©ν•©λ‹ˆλ‹€. ν˜•κ΄‘νŽœ μ—­ν• μž…λ‹ˆλ‹€.

β“– κ²Œμ‹œκΈ€μ΄ μ™Όμͺ½μ„ κΈ°μ€€μœΌλ‘œ 정렬이 되게 ν•©λ‹ˆλ‹€.

β“— κ²Œμ‹œκΈ€μ΄ κ°€μš΄λ°λ₯Ό κΈ°μ€€μœΌλ‘œ 정렬을 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

 

β˜† κ²Œμ‹œκΈ€μ΄ 20개 μ΄μƒλ˜κ³  ν‹°λΈ”λ‘œκ·Έ κ°€μž…ν•œ 지 ν•œ 달 이상 μ§€λ‚˜μ•Ό κ΄‘κ³ λ₯Ό 넣을 수 μžˆλŠ” μ• λ“œμ„ΌμŠ€ 신청을 ν•  수 μžˆμœΌλ―€λ‘œ κ²Œμ‹œκΈ€μ„ μ—΄μ‹¬νžˆ μ“°λ‹€ 보면 ν•˜λ‚˜λ‘˜μ”© μ•Œκ²Œ λ©λ‹ˆλ‹€.

 

ν‹°λΈ”λ‘œκ·Έλ₯Ό ν•˜λ©΄μ„œ 가독성을 올리기 μœ„ν•˜μ—¬ 글씨 크기λ₯Ό μ‘°μ •ν•΄μ•Ό ν•˜λŠ” κ²½μš°κ°€ μƒκΈ°λŠ”λ° μŠ€ν‚¨ νŽΈμ§‘μ˜ CSSμ—μ„œ 쑰정을 ν•˜κ²Œ λ©λ‹ˆλ‹€. 아직은 그런 단계가 μ•„λ‹ˆλ―€λ‘œ μš°μ„  글씨 크기와 κ΄€λ ¨ μžˆλŠ” μš©μ–΄λ₯Ό μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

 

 

폰트 크기 λ‹¨μœ„ λΉ„κ΅ν‘œ.

px (Pixels) em (Ems) % (Percent) pt (Points)
8 0.5 50 6
9 0.55 55 7
10 0.625 62.5 7.5
11 0.7 70 8
12 0.75 75 9
13 0.8 80 10
14 0.875 87.5 10.5
15 0.95 95 11
16 1 100 12
17 1.05 105 13
18 1.125 112.5 13.5
19 1.2 120 14
20 1.25 125 14.5
21 4.3 130 15
22 1.4 140 16
23 1.45 145 17
24 1.5 150 18
26 1.6 160 20
29 1.8 180 22
32 2 200 24
35 2.2 220 26
36 2.25 225 27
37 2.3 230 28
38 2.35 235 29
40 2.45 245 30
42 2.55 255 32
45 2.75 275 34
48 3 300 36

 

픽셀ㆍpx (Pixels)
픽셀은 ν”½μ²˜(picture·κ·Έλ¦Ό)와 μ—˜λ¦¬λ¨ΌνŠΈ(element·μ›μ†Œ)κ°€ 합해진 말이며 μš°λ¦¬λ§λ‘œλŠ” γ€ˆν™”μ†Œγ€‰λ‘œ λ§ν•˜λ©° λ””μŠ€ν”Œλ ˆμ΄(ν™”λ©΄)의 이미지λ₯Ό κ΅¬μ„±ν•˜λŠ” μ΅œμ†Œ λ‹¨μœ„λ₯Ό λ§ν•©λ‹ˆλ‹€. μŠ€λ§ˆνŠΈν°μ΄λ‚˜ TV 화면에 λ‚˜νƒ€λ‚˜λŠ” μ΄λ―Έμ§€λŠ” μˆ˜λ§Žμ€ 픽셀듀이 λͺ¨μžμ΄ν¬μ²˜λŸΌ λͺ¨μ—¬μ„œ ν•˜λ‚˜μ˜ 큰 이미지λ₯Ό λ§Œλ“€μ–΄ λ‚˜νƒ€λ‚˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

 

 

κ·Έλž˜μ„œ ν”½μ…€ μˆ˜κ°€ λ§Žμ„μˆ˜λ‘ 더 μžμ„Έν•œ 이미지λ₯Ό λ‚˜νƒ€λ‚Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
ν•œ λ³€μ˜ 길이가 1인치(2.54cm) μ •μ‚¬κ°ν˜•μ— μ±„μ›Œμ§„ ν”½μ…€ 수둜 이미지 μ„ λͺ…도λ₯Ό λ‚˜νƒ€λƒ…λ‹ˆλ‹€. ν”½μ…€ μˆ˜κ°€ λ†’κ³  λ§Žμ„μˆ˜λ‘ 화면을 μ΄˜μ΄˜ν•˜κ²Œ ꡬ성할 수 μžˆλŠ” μž₯점을 가지고 μžˆμŠ΅λ‹ˆλ‹€.

이엠ㆍem (Ems)

em λ‹¨μœ„λŠ” μƒμœ„ μš”μ†Œ 크기의 λͺ‡ λ°°μΈμ§€λ‘œ 크기λ₯Ό μ •ν•©λ‹ˆλ‹€. font-size : 1.5em;은 κΈ€μž 크기λ₯Ό μƒμœ„ μš”μ†Œμ˜ 1.5배둜 ν•œλ‹€λŠ” λœ»μž…λ‹ˆλ‹€. 1em은 16px이며 100%둜 κΈ°λ³Έμž…λ‹ˆλ‹€.

λŒ“κΈ€