Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Font and Typesetting

Introduction to Font and Typesetting

iOSDC Japan 2018 https://iosdc.jp/2018/
フォントと組版の30分入門

#iosdc #c

Bf65cc9bdf26321a7579ddca7930cd10?s=128

Shigure Shimotori

August 31, 2018
Tweet

Transcript

  1. ࢿྉ !4@4IJNPUPSJ@QVCͷݻఆπΠʔτ

  2. ϑΥϯτͱ૊൛ͷ30෼ೖ໳ iOSDC Japan 2018 2018/08/31 ͠΋ͱΓ @S_Shimotori_pub

  3. ࣗݾ঺հ ͠΋ͱΓ ɹɹ @S_Shimotori_pub iOSDC ωοτϫʔΫνʔϜ ※ઈରϑΥϯτײ͸͋Γ·ͤΜ  

  4.  

  5. ຊ୊  

  6. iOSΤϯδχΞʹ ฉ͍ͯཉ͍͠τʔΫ ʢ30෼ʣ  

  7. ϚδͰΨνͳτʔΫͰ͢ʂ  

  8. ໘ന͍͔Βฉ͍ͯ΄͍͠τϐοΫ • ϑΥϯτͱ͸૊൛ͱ͸ • ͍Ζ͍Ζͳݴޠͱ૊൛ • ҹ࡮෺Λ࡞Δ  

  9. ϑΥϯτͱ͸૊൛ͱ͸  

  10. ׆൛ҹ࡮ͷ༻ޠͰ͢ʂ  

  11. ׆൛ҹ࡮ͷͳ͕Ε ׆ࣈΛ ૊Έ൛ʹͯ͠ ࡮Δʂ ҹ࡮ത෺ؗʹͯɻ  

  12. None
  13. ϑΥϯτ ίϯϐϡʔλʔͰ࢖͏จࣈͷσβΠϯͷ͜ͱɻ׆ࣈͷ࣌୅ ʹ͸ɺಉ͡ॻମͰಉ͡αΠζͷ׆ࣈηοτΛࢦ͢ݴ༿Ͱ ͕͋ͬͨɺిࢉࣸ২΍DTPͰ͸ͻͱͭͷϑΥϯτͰ֦େ΍ ॖখɺมܗ͕Ͱ͖ΔͨΊɺଠࣈ΍ࣼମͳͲͷελΠϧΛؚ ΊͯϑΥϯτͱݺͿΑ͏ʹͳͬͨɻ ASCII σδλϧ༻ޠࣙయΑΓ  

  14. None
  15.   ஍਒Ͱձࣾͷ׆ࣈ͕… ͳ͔΋ͱΏ͏(@nakamotoyuu) https://twitter.com/nakamotoyuu/status/1008488924644163585

  16. ૊൛ ݪߘʹج͍ͮͯ׆ࣈΛ૊Έɼ࠷ऴతʹ͸൛Λ࡞Δ·Ͱͷ ࡞ۀ͓Αͼ׬੒ͨ͠൛ɽ
 ʢதུʣ
 खಈɼػց͞Βʹ͸ίϯϐϡʔλͰ͋ͬͯ΋ɼ૊൛ͱ͍͏ දݱ͸࢖ΘΕ͍ͯΔɽ ਤॻؗ৘ใֶ༻ޠࣙయ ୈ4൛ΑΓ  

  17. ݱࡏʢ1985೥ʙʣ

  18. ׆൛ҹ࡮ͷ͓࿩͸͜͜·Ͱʂ  

  19. ͍Ζ͍Ζͳݴޠͱ૊൛  

  20. ͜Μͳͱ͜Ζʹ૊൛͕ʂ • ӳޠͰ #શ෦ಉ͡͡Όͳ͍Ͱ͔͢ SPACEฤ • ೔ຊޠͰiOSॎॻ͖ʹ௅ઓ • λΠޠͰTall Script

    • ΞϥϏΞޠͰRTLͱ߹ࣈ  
  21. ӳޠͰ #શ෦ಉ͡͡Όͳ͍Ͱ͔͢ SPACEฤ

  22. https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9

  23. https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9 શ෦ಉ͡͡Όͳ͍Ͱ͔͢

  24.   ΋ͬͱΑ͘ݟΖʂ

  25.   ͓୊
 l*OUSPEVDUJPOUP'POUBOE5ZQFTFUUJOHz

  26.   ͓୊
 l*OUSPEVDUJPOUP'POUBOE5ZQFTFUUJOHz

  27.   ※SF Pro Text

  28. εϖʔεͱΞΩ U+2003 EM SPACE U+2002 EN SPACE U+2004 THREE-PER-EM SPACE

    U+2005 FOUR-PER-EM SPACE U+2006 SIX-PER-EM SPACE  
  29. εϖʔεͱΞΩ U+2003 EM SPACE U+2002 EN SPACE U+2004 THREE-PER-EM SPACE

    U+2005 FOUR-PER-EM SPACE U+2006 SIX-PER-EM SPACE  
  30.   ͓୊ᶄ

  31.   EN ENͱ1/4EM InDesign ΞΩࣗಈ ※ώϥΪϊ֯ΰγοΫ

  32. ೔ຊޠͰiOSॎॻ͖ʹ௅ઓ  

  33. None
  34.   ͓୊
 lʰϑΥϯτͱ૊൛ͷ෼ೖ໳ʱz

  35. ʰaOϑaOΥaOϯaOτaOͱaO૊aO൛aOͷaOʜ  

  36.   1ߦ1จࣈ

  37.   1ߦ1จࣈ ͓खຊ

  38.   ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠

    ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
  39.   ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠

    ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
  40.   ޲͖͕͓͔͍͠ ❌ ❌ ❌ ❌ ❌ ͓खຊ ޲͖͕͓͔͍͠

    ࠨԼʹدͬͯΔ ࠨʹدͬͯΔ
  41. 1ߦ1จࣈํࣜͷ໰୊఺ • ه߸ͷ޲͖͕ԣॻ͖ͷ·· • ፠ԻͷҐஔ΋ԣॻ͖ͷ·· • ൒֯ӳ਺ࣈͷҐஔ͕ࠨʹدͬͯ͠·͏   ❌

    ❌ ❌ ❌ ❌
  42. ೔ຊޠͷॎॻ͖Ͱඞཁͳ࡞ۀ • ॎॻ͖༻ͷάϦϑΛ࢖͏ • தԝἧ͑Ͱฒ΂Δ • JIS X 4051ͷఆΊΔͱ͜Ζʹै͏ 

    
  43. άϦϑ ܗঢ়ʹ͍ͭͯͷந৅త֓೦ 1ͭͷจࣈʹෳ਺ͷάϦϑ͕͋Δ͜ͱ΋ ɹɹe.g. Χοί։͖ʹ͸ɹɹͱɹɹͷ͔͕ͨͪ͋Δ ɹɹɹɹ፠Ի͸ࠨԼʹॻ͘ͱ͖ͱӈ্ʹॻ͘ͱ͖͕͋Δ   ʰ ʰ

  44. ॎॻ͖༻άϦϑ ϑΥϯτʹΑͬͯ͸ผʹ༻ҙ͋Γ ༻ҙ͕ͳͯ͘΋90౓ճసͤ͞Ε͹OK   ❌ ❌ ✅ ✅ ✅

  45. https://developer.apple.com/documentation/foundation/nsattributedstring/key/1528658-verticalglyphform “1 indicates vertical text” “horizontal text is always used”

  46. “1 indicates vertical text” “horizontal text is always used” https://developer.apple.com/documentation/foundation/nsattributedstring/key/1528658-verticalglyphform

    glyph typesetting
  47. จࣈͷฒ΂͔ͨ ӳޠ͸base lineͰϕʔεฒͼɺ ೔ຊޠ͸จࣈͷதԝͰηϯλʔฒͼ  

  48. ❌ ❌ ✅ ✅ ✅

  49. தԝ͕ἧ͏Α͏ʹฒ΂Δ ౳෯ϑΥϯτΛ࢖͏ or શ֯ӳ਺ࣈΛ࢖͏ or CoreTextͷग़൪   ✅ ✅

    ✅ ✅ ✅
  50. λΠޠͰTall Script λΠจࣈ·Ώ͛  

  51. λΠޠͷಛ௃ • λΠจࣈΛ༻͍Δ • Tall scriptͷҰछ λΠจࣈ·Ώ͛   สวัสดีชาวโลก!

  52. λΠจࣈ·Ώ͛

  53. λΠจࣈ·Ώ͛ ϓϦοπͷϥʔϒຯʂ

  54. λΠจࣈ·Ώ͛ ϓϦοπͷϥʔϒຯʂ

  55. λΠจࣈ·Ώ͛ αϥμຯ

  56. λΠจࣈ·Ώ͛

  57. λΠจࣈ·Ώ͛

  58. ΞϥϏΞޠ  

  59. ΞϥϏΞޠͷಛ௃ • ΞϥϏΞจࣈΛ༻͍Δ • ӈԣॻ͖ • ߹ࣈ  

  60. ӈԣॻ͖ Right-to-Left ӈ͔Βࠨͷ޲͖Ͱॻ͍͍ͯ͘͜ͱ ݱ࣮ʹ͸RTLͱLTR͕ࠞࡏ͢Δ૒ํ޲ςΩετʹͳΔ  

  61. https://www.apple.com/ https://www.apple.com/ae-ar/  

  62. iOSʹ͓͚ΔRTL UIViewΛӈ͔Βࠨʹ഑ஔ navigation͸ࠨ͕nextɺӈ͕back Ұ෦ͷΞΠίϯΛमਖ਼(൓సͳͲ)  

  63.  

  64. ࣌ܭճΓ͸ͲͬͪճΓʁ  

  65.  

  66. ߹ࣈ Ligature ྡΓ߹ͬͨೋͭͷจࣈ຺ུ͕ͷ͋Δ͔ͨͪͱͯࣗ͠વʹ
 Έ͑ΔΑ͏Ͱ͖ͨάϦϑ fi et &  

  67. ΞϥϏΞޠͷ߹ࣈ ߹੒લ ߹੒ޙ   ❓❓❓

  68. ΞϥϏΞޠͷ߹ࣈ ߹੒લ ߹੒ޙ  

  69. ݴޠͷ͓࿩͸͜͜·Ͱʂ  

  70. ҹ࡮෺Λ࡞Δ  

  71.   ೖߘͷྲྀΕ

  72. ҹ࡮෺Λ࡞Δ͓࿩ • PDFͱϑΥϯτͷ͓࿩ • ϦονͳΦϓγϣϯ  

  73. PDFͱϑΥϯτͷ͓࿩  

  74. ࠶ܝɿAppleͱAdobeͷਤ Aldus͸Adobe͕ඒຯ͘͠৯΂·ͨ͠

  75. PDF͕อ࣋͢Δ৘ใʢྫʣ • ༻ࢴαΠζ • ϑΥϯτ৘ใ • ίϯςϯπΛ഑ஔ͢ΔҐஔ • ςΩετ •

    ਤܗ  
  76. ϑΥϯτσʔλ͸Ͳ͜ʁ Ӿཡऀͷίϯϐϡʔλʹ͓·͔ͤ or ඞཁͳͿΜΛPDFࣗ਎Ͱอ࣋ or Ξ΢τϥΠϯԽͯ͠ϑΥϯτ৘ใഁغ ຒΊࠐΈʁ   Apple

    Chancery →
  77. ϦονͳΦϓγϣϯ  

  78. ͩ͜ΘΓϙΠϯτ͸͜͜ʂ ☑ ࢴ͕ްΊ ☑ ಛघࢴΛ࢖͍ͬͯΔ ☑ ༡ͼࢴΛೖΕ͍ͯΔ ☑ ഩΛೖΕ͍ͯΔ ☑

    ৭਺͕ଟ͍ ☑ ಛ৭Λ࢖͍ͬͯΔ ໊ࢗʹ͓ۚΛ࢖͏ͷ΋ָͦ͠͏  
  79. Ҏ্ʂ  

  80. ·ͱΊ • ׆൛ҹ࡮ͷӨڹ͸ະͩڧ͠ • ֤ݴޠͷಛ௃ͷ೺Ѳ͕େࣄ • ॎॻ͖͸೉қ౓͕ߴ͍ • ࣮ߦҕһ௕͸ޫΓ෺͕޷͖ͬͯ͝ຊਓ͕͓ͬ͠Όͬͯ·ͨ͠ 

    
  81. ͨͷ͍͠ࢀߟจݙ • https://github.com/S-Shimotori/iOSDC2018Draft • Book/bibliographies ΍ Referenfe.md ͋ͨΓ • Θͨ͠ͷiOSDCײ૝ϒϩάʹਪનਤॻॻ͔͘΋

    • ௚઀ฉ͍ͯʂ  
  82. , ͓͠·͍ʂ