我遇到了一个问题。
当我使用 CSS 设置任何节点的字体大小时,无论我选择什么度量单位(我尝试了 pt 和 px),字体大小仍然以像素为单位设置。我还尝试使用“setFont”方法为“Text”设置字体,该方法接受“Font”类型的参数。
JavaFX2 文档中说:
字体的大小被描述为以点为单位,实际测量值约为 1/72 英寸。
但是字体大小仍然以像素为单位。
在一个实验中,我在场景中添加了“WebView”并在其中加载了一个页面,在该页面上我显示了两个 div 标签。在第一个 div 中,字体大小以 pt 为单位,而在第二个 div 中,字体大小以 px 为单位。正如我所建议的,字体大小不同,最后一个 div 中的字体大小与我一开始提到的节点中的字体大小相同。
为什么会这样?如何在pt中设置字体大小?此时为了解决这个问题,我使用以下公式将 pt 转换为 px:px=pt/0.75(我的屏幕的 dpi 为 96)。
例子:
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.text.FontPosture;
import javafx.scene.text.FontSmoothingType;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import java.net.URL;
public class TestFont extends Application {
@Override
public void start(Stage stage) throws Exception {
final Group root = new Group();
Scene s = new Scene(root, 500, 500);
Text t = new Text(100, 250, "1) - abcdeABCDE12");
t.setFontSmoothingType(FontSmoothingType.LCD);
t.setStyle("-fx-font-size: 36pt; -fx-font-family: Calibri;");
Text t2 = new Text(100, 300, "2) - abcdeABCDE12");
t2.setFont(javafx.scene.text.Font.font("Calibri", FontWeight.NORMAL, FontPosture.REGULAR, 36));
t2.setFontSmoothingType(FontSmoothingType.GRAY);
Text t3 = new Text(100, 350, "3) - abcdeABCDE12");
t3.setStyle("-fx-font-size: 36px; -fx-font-family: Calibri;");;
t3.setFontSmoothingType(FontSmoothingType.GRAY);
WebView wv = new WebView();
wv.setLayoutX(100);
wv.setLayoutY(360);
URL urlWebViewCell = this.getClass().getResource("/testFont.html");
wv.getEngine().load(urlWebViewCell.toExternalForm());
root.getChildren().addAll(wv, t, t2, t3);
stage.setScene(s);
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
测试字体.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="font-size: 36pt; font-family: Calibri;">4) - abcdeABCDE12</div>
<div style="font-size: 36px; font-family: Calibri;">5) - abcdeABCDE12</div>
</body>
</html>