固定寬度/高度Div中相同的字體大小在兩台PC中的顯示方式有所不同。

Question

當查看具有固定內容（固定高度/寬度）的div的Web應用程序時，其在不同PC上的顯示差異很大（即：更大的字體，換行符）。

兩台PC的JS像素深度相同。

屏幕截圖：PC-1中的Webapp

在第一台PC中-內容以一行顯示在第二台PC中-內容以兩行顯示（與第一台PC進行比較）

嘗試使用相同的分辨率-但內容看起來仍然不同。

這是因為CSS像素和設備像素不同嗎？

如果有任何方法可以使內容在所有PC顯示器上顯示相同，請在此處回答。（ 無需更改字體大小和zoom屬性 ）

提前致謝。

Answer 1

我建議使用normalize.css 。 無樣式的網站在每種操作系統上看起來都不同，因為存在各種默認字體和特定於操作系統的樣式，例如line-height和font-size 。

至於字體，只需在項目中嵌入一些字體即可。 如果您未指定字體，則Windows將回退到例如Times New Roman。

Answer 2

我不知道您是否上傳了字體文件。 但這是在CSS中獲取字體的一種方法：

@font-face {
  font-family: main-font;
  src: url(nameOfFontFile.ttf);
}

在css文件中按字體使用名稱main-font 。

#someId {
  font-family: main-font;
}