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

Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023

moriyuya
November 20, 2023

Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023

Googleスライドのフォントまわりのトラブルを、非専門の方がサクッと解決することが目的です。

pdfに変換してダウンロードしたり、Speaker Deckにアップロードすると、文字がガビガビになったり、フォントが置き換わることでレイアウトが壊れるといった問題が生じます。

元のスライドデータはこちら(閲覧権限)
https://docs.google.com/presentation/d/1LkQ4nibVlkTOj23ugOtEb95e50Itp9BkCQ2t_ftE3mc/edit?usp=sharing

発表者のプロフィールはこちら
https://note.com/mryy/n/n6f01561a6253
https://twitter.com/_N_A_

moriyuya

November 20, 2023
Tweet

More Decks by moriyuya

Other Decks in Design

Transcript


  1. なんでこうなっちゃうの!?
    SpeakerDeckにおける

    Googleスライドの
    フォントの問題解決
    V1.0 2023/11/20
    witch&wizards inc. 森 雄哉
    M PLUS Code Latin 中字
    M PLUS 1 標準
    Noto Sans Mono 太字
    BIZ UDPGothic
    Noto Sans Mono 極細 Noto Sans Mono 超極太 Noto Sans Mono 標準
    M PLUS 1 超極太
    スライドの出力結果
    こうなっちゃうの!?

    View full-size slide

  2. 本スライドの目的
    Googleスライドのフォントまわりのトラブルを、非専門の方がサクッと解決することが目
    的です。
    Googleスライドでスライドを作成し、プレゼンテーションする場合はそれほど困りませ
    ん。
    しかし、pdfに変換してダウンロードしたり、Speaker Deckにアップロードすると、文字が
    ガビガビになったり、フォントが置き換わることでレイアウトが壊れるといった問題が生じ
    ます。

    View full-size slide

  3. Speaker Deckにアップロードするとフォントがガビガビ問題
    Googleスライドで作成したスライドをSpeaker Deckにアップロードすると、ガビガビに
    なってしまいます。原因は特定のフォントの太字(ボールド)設定です。

    がびがびガービー

    View full-size slide

  4. Googleスライドをダウンロードすると別フォントに置き換え
    Googleスライドで作成したスライドをダウンロードすると、一部のフォントが別のフォント
    に置き換わりレイアウトが壊れます。
    スライドの1ページ目(表紙)と、2ページ目で違いが分かります。
    ダウンロードしたPDFの表示
    フォントが置き換わっている
          
          作業画面の表示

    View full-size slide

  5. 日本語が用意されていないフォントがある
    一部のフォントには太さのバリエーションが用意されていますが、日本語のみ用意され
    ていない場合があります。
    Noto Sans 極細 GoogleスライドをSpeaker Deckにアップロードする

    M PLUS1  極細 GoogleスライドをSpeaker Deckにアップロードする


    View full-size slide

  6. 解決策
    ・Speaker Deckにアップロードするとフォントがガビガビ問題
    ・Googleスライドをダウンロードすると別フォントに置き換え
    ・日本語が用意されていないフォントがある

    View full-size slide

  7. 解決策 問題が生じないフォントを追加して使う
    解決策は問題の生じないフォントを利用することです。
    おすすめはBIZ UDPGothicかM PLUS 1です。フォントを選択する際に「その他
    のフォント」から追加できます。太さが標準か太字の2種だけならBIZ UDPゴシッ
    ク。極細や極太など、複数の太さが使いたいならM PLUS 1がおすすめです。

    View full-size slide

  8. BIZ UDPGothic
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細
      細字
      中細
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字
      中太
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太
     超極太
    ユニバーサルデザインプロポーショナルゴシック。遠くからでも可読性が高い。

    View full-size slide

  9. M PLUS 1
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細 GoogleスライドをSpeaker Deckにアップロードする
      細字 GoogleスライドをSpeaker Deckにアップロードする
      中細 GoogleスライドをSpeaker Deckにアップロードする
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字 GoogleスライドをSpeaker Deckにアップロードする
      中太 GoogleスライドをSpeaker Deckにアップロードする
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太 GoogleスライドをSpeaker Deckにアップロードする
     超極太 GoogleスライドをSpeaker Deckにアップロードする

    View full-size slide

  10. M PLUS 1P
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細 GoogleスライドをSpeaker Deckにアップロードする
      細字
      中細 GoogleスライドをSpeaker Deckにアップロードする
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字 GoogleスライドをSpeaker Deckにアップロードする
      中太
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太 GoogleスライドをSpeaker Deckにアップロードする
     超極太 GoogleスライドをSpeaker Deckにアップロードする

    View full-size slide

  11. M PLUS Rounded 1c
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細 GoogleスライドをSpeaker Deckにアップロードする
      細字
      中細 GoogleスライドをSpeaker Deckにアップロードする
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字 GoogleスライドをSpeaker Deckにアップロードする
      中太
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太 GoogleスライドをSpeaker Deckにアップロードする
     超極太 GoogleスライドをSpeaker Deckにアップロードする
    稀少な丸ゴシック。柔らかい印象が必要な時に。

    View full-size slide

  12. M PLUS Code Latin
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細 GoogleスライドをSpeaker Deckにアップロードする
      細字 GoogleスライドをSpeaker Deckにアップロードする
      中細 GoogleスライドをSpeaker Deckにアップロードする
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字 GoogleスライドをSpeaker Deckにアップロードする
      中太 GoogleスライドをSpeaker Deckにアップロードする
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太
     超極太
    M PLUSシリーズでも問題が生じる場合があります。

    View full-size slide

  13. Noto Sans
      太字 GoogleスライドをSpeaker Deckにアップロードする

      極細 GoogleスライドをSpeaker Deckにアップロードする

      細字 GoogleスライドをSpeaker Deckにアップロードする

      中細 GoogleスライドをSpeaker Deckにアップロードする

      標準 GoogleスライドをSpeaker Deckにアップロードする

      中字 GoogleスライドをSpeaker Deckにアップロードする

      中太 GoogleスライドをSpeaker Deckにアップロードする

      太字 GoogleスライドをSpeaker Deckにアップロードする

      極太 GoogleスライドをSpeaker Deckにアップロードする

     超極太 GoogleスライドをSpeaker Deckにアップロードする


    View full-size slide

  14. Noto Sans Mono
      太字 GoogleスライドをSpeaker Deckにアップロードする

      極細 GoogleスライドをSpeaker Deckにアップロードする

      細字 GoogleスライドをSpeaker Deckにアップロードする

      中細 GoogleスライドをSpeaker Deckにアップロードする

      標準 GoogleスライドをSpeaker Deckにアップロードする

      中字 GoogleスライドをSpeaker Deckにアップロードする

      中太 GoogleスライドをSpeaker Deckにアップロードする

      太字 GoogleスライドをSpeaker Deckにアップロードする

      極太 GoogleスライドをSpeaker Deckにアップロードする

     超極太 GoogleスライドをSpeaker Deckにアップロードする


    View full-size slide

  15. Roboto Mono
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細 GoogleスライドをSpeaker Deckにアップロードする
      細字 GoogleスライドをSpeaker Deckにアップロードする
      中細 GoogleスライドをSpeaker Deckにアップロードする
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字 GoogleスライドをSpeaker Deckにアップロードする
      中太 GoogleスライドをSpeaker Deckにアップロードする
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太
     超極太

    View full-size slide

  16. Arial
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極細
      細字
      中細
      標準 GoogleスライドをSpeaker Deckにアップロードする
      中字
      中太
      太字 GoogleスライドをSpeaker Deckにアップロードする
      極太
     超極太

    View full-size slide