質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Word

Microsoft WordはMicrosoftが開発した業務用の文書生成用のソフトウェアです。

Q&A

解決済

1回答

582閲覧

wordをhtmlに変換した際、必ずずれます。

sembokulove

総合スコア90

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Word

Microsoft WordはMicrosoftが開発した業務用の文書生成用のソフトウェアです。

0グッド

0クリップ

投稿2024/08/10 23:54

実現したいこと

長体や平体をずれることなく、実装したいです。
ソフトも使っていいですが、無料のがいいです。
とにかくwordの文字バランスを変えたくございません。

発生している問題・分からないこと

上の画像は、wordで作成したもので、下がwordのソフトでそのままhtmlに変換したものです。
イメージ説明
イメージ説明
ご覧いただけたらわかりますとおり、フォントの体裁そのままにhtmlに変換するのではなく、
htmlにすると、フォントがずれて表示されるようになります。
この場合のhtmlには、cssが使われておらず、cssが使えないと長体平体が全く使えません。
解決策をご伝授願えたら幸いです。
オンラインツールや無料のソフトで試したいのですが、いまいち、でした。
やはり有料のソフトでなければだめなのでしょうか。
ちなみに、googleドキュメントですと、使えるフォントに制限があるようです。

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title></title> <meta name="generator" content="LibreOffice 24.2.4.2 (Windows)"/> <meta name="created" content="2024-08-09T20:19:05.747000000"/> <meta name="changed" content="2024-08-10T11:56:32.312000000"/> <style type="text/css"> @page { size: 21cm 29.7cm; margin: 2cm } p { line-height: 115%; margin-bottom: 0.25cm; background: transparent } a:link { color: #000080; text-decoration: underline } a:visited { color: #800000; text-decoration: underline } </style> </head> <body lang="ja-JP" link="#000080" vlink="#800000" dir="ltr"><p align="center" style="line-height: 100%; margin-bottom: 0cm"> <font face="源暎モノゴ, monospace"><font size="7" style="font-size: 60pt"><b>香<span style="letter-spacing: 1.0pt"> </span>呂</b></font></font></p> <p align="center" style="font-weight: normal; line-height: 100%; margin-bottom: 0cm"> <font face="源暎モノゴ, monospace"><font size="5" style="font-size: 20pt"><span style="letter-spacing: 3.0pt"><font size="6" style="font-size: 22pt"><b>こうろ</b></font></span><span style="letter-spacing: 1.0pt"> </span></font></font><font face="Liberation Serif, serif"><font size="6" style="font-size: 22pt"><span lang="en-US"><font face="Frutiger LT Pro 45 Light, sans-serif"><font size="6" style="font-size: 24pt">Koro</font></font></span></font></font></p> </body> </html>

該当のソースコード

特になし

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

wordをそのままhtmlに変換したり、オンラインツールを使ったりしましたが、いかんせんうまくいかないものです。

補足

特になし

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

meg_

2024/08/11 03:54

「wordをhtmlに変換」する理由は何でしょうか? > オンラインツールを使ったりしましたが、いかんせんうまくいかないものです。 ツール名は何でしょうか?
sembokulove

2024/08/11 03:58

駅名表を作るためです。 wordの保存形式でhtmlにする機能がございますが、書式が崩れてしまいます。 具体的には、cssを用いないため、transfromタグなどの書式が使えないことです。
meg_

2024/08/11 04:03

htmlを作る理由ではなく、「wordをhtmlに変換」する理由は何でしょうか?最初から専用のツールを使わない理由があるのでは?と思いコメントした次第です。
sembokulove

2024/08/11 04:14

専用のツールがあれば教えていただきたいです。 但し、フォントはパソコンに内蔵されているすべてのフォントが使えるものでかつ、 無料のものだとありがたいです。 googleドキュメントは使えるフォントに制限がございましたので。
maisumakun

2024/08/11 04:49

体裁最優先なのであれば、「InkscapeなどでガチガチのSVGを組んでしまう」というような手段も考えられますが、どうしても「HTMLとして」作りたいのでしょうか?
sembokulove

2024/08/11 05:54

ご返信が遅くなりすみません。 仰せの通りです。
maisumakun

2024/08/11 06:01 編集

では、「なぜ」HTMLがいいのでしょうか(SVGで作ってそれをHTMLに貼り付ける、ではどのような問題がありますか)?
sembokulove

2024/08/11 07:33

ご返信が遅くなりすみません。 文字をそのまま入力してやるやり方のほうがやりやすいからです。 svgで作ると文字をいくつかのパターンごとに作らなければいけない、 また、画像になるのでその文ファイルが重たくなるなどの問題が発生します。
maisumakun

2024/08/11 07:58

あと、手作業での描画ではなく変換を志向されているのはなぜでしょうか? (細かく調整したいなら、自分でtransformを書くなど、HTML+CSSでも自由度は高く取れます)
sembokulove

2024/08/11 08:03

手作業だと、細かいチェックが必要になるためです。 wordだと一度にかたづくものが、html+cssだと、細かい調節が必要で、労力も時間もロスです。
maisumakun

2024/08/11 08:08 編集

> svgで作ると文字をいくつかのパターンごとに作らなければいけない いえ、文字は文字として埋め込めます。
sembokulove

2024/08/11 09:07

ご返信が遅くなりすみません。 どうしたらいいかわかりかねます。
sembokulove

2024/08/11 10:36

重複投稿やむなしですね。ヽ(`Д´)ノプンプン。
maisumakun

2024/08/12 01:46

> どうしたらいいかわかりかねます。 デザインが中心になる話題であれば、ここは締めて別の適当な場所へ向かうほうがいいのかもしれません。
guest

回答1

0

自己解決

ここでの回答はあきらめます。

投稿2024/08/12 01:47

sembokulove

総合スコア90

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問