#179 update root.css

Author: ienaga

index.html

@@ -11,20 +11,20 @@
     <link rel="icon" type="image/png" href="./assets/img/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64" />
 
     <!-- Google / Search Engine Tags -->
-    <meta itemprop="name" content="Animation Tool | Next2D">
+    <meta itemprop="name" content="Open Animation Tool | Next2D">
     <meta itemprop="description" content="It is an authoring tool that runs on a Web browser. With its intuitive interface and rich functionality, it is easy for anyone to use. It allows users to create high-quality, engaging content by combining a variety of media formats, including text, images, audio, and video.">
     <meta itemprop="image" content="https://tool.next2d.app/assets/img/ogp.png?v1">
 
     <!-- Facebook Meta Tags -->
     <meta property="og:type" content="website">
-    <meta property="og:title" content="Animation Tool | Next2D">
-    <meta property="og:site_name" content="Animation Tool | Next2D">
+    <meta property="og:title" content="Open Animation Tool | Next2D">
+    <meta property="og:site_name" content="Open Animation Tool | Next2D">
     <meta property="og:url" content="https://tool.next2d.app">
     <meta property="og:description" content="It is an authoring tool that runs on a Web browser. With its intuitive interface and rich functionality, it is easy for anyone to use. It allows users to create high-quality, engaging content by combining a variety of media formats, including text, images, audio, and video.">
     <meta property="og:image" content="https://tool.next2d.app/assets/img/ogp.png?v1">
 
     <!-- Twitter Meta Tags -->
-    <meta name="twitter:title" content="Animation Tool | Next2D">
+    <meta name="twitter:title" content="Open Animation Tool | Next2D">
     <meta name="twitter:url" content="https://tool.next2d.app">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:description" content="It is an authoring tool that runs on a Web browser. With its intuitive interface and rich functionality, it is easy for anyone to use. It allows users to create high-quality, engaging content by combining a variety of media formats, including text, images, audio, and video.">
@@ -2221,8 +2221,8 @@
             <span class="language" data-text="{{動画広告を視聴することで、7日間の機能制限が解除される特典が得られます。}}">
                 動画広告を視聴することで、7日間の機能制限が解除される特典が得られます。
             </span>
-            <span class="language" data-text="{{Animation Toolはオープンソースで提供されており、無料で利用できます。}}">
-                Animation Toolはオープンソースで提供されており、無料で利用できます。
+            <span class="language" data-text="{{Open Animation Toolはオープンソースで提供されており、無料で利用できます。}}">
+                Open Animation Toolはオープンソースで提供されており、無料で利用できます。
             </span>
             <span class="language" data-text="{{新しいバージョンの開発のため、動画広告を視聴していただき、ご支援いただけると幸いです。}}">
                 新しいバージョンの開発のため、動画広告を視聴していただき、ご支援いただけると幸いです。

src/css/root.scss

@@ -58,12 +58,15 @@ body
     -webkit-user-select : none; /* Safari */
     touch-action        : none;
     cursor              : var(--tool-cursor);
+    line-break          : strict;
+    word-break          : normal;
+    overflow-wrap       : anywhere;
     font-family         :
         "Helvetica Neue",
         Arial,
         "Hiragino Kaku Gothic ProN",
         "Hiragino Sans",
-        Meiryo,
+        "Noto Sans JP",
         sans-serif;
 }