空白をそのまま保持することが不可欠であるため、PRE タグを使用して一部のコンテンツを表示しています。しかし、PRE フォント ファミリを変更しようとすると、空白のインデントが崩れてしまいます。
より具体的に言うと、私は歌のコードとそれに相当する歌詞を含むサイトを構築しているので、各コードが特定の単語または文字のちょうど上にある必要があります。PRE フォント ファミリのスタイルを設定すると、すべてのテキストが同じようにスタイル設定されているにもかかわらず、コードが文字の位置に相対的に失われます。
助言がありますか？
他のポスターが言ったように、等幅フォントが必要です。独自のモノスペースフォントを使用する場合は、CSS3カスタムフォントを使用できます。ただし、問題を解決する最も簡単な方法は、使用するフォントを視聴者のブラウザに決定させることです。すべての視聴者がpreコンテンツを等幅フォントで表示できるようにするには、次を使用します。
pre { font-family: monospace; }
うん、等幅フォントが必要です。利用可能なフォントのリストは次のとおりです
http://www.urbanfonts.com/fonts/monospaced-fonts.htm（Google）
フォントファミリーの文字/数字ごとに幅が異なるためだと思います。ただし、等幅フォントを使用できるはずですか？