Javafx css 实现这种文本效果

Question

我试图通过使用 css 在我的 Javafx 应用程序中设置一些文本的样式。我想要达到的效果是这样的：

我有字体，只是缺少效果。这是我的 .css 文件包含的文本内容。

.progress-view .title {
    -fx-font-family: "Bilbo Swash Caps";
    -fx-font-size: 34px;
    -fx-text-fill: white;
    -fx-blend-mode: darken;
    -fx-opacity: 0.8;
    -fx-effect: innershadow(gaussian , rgba(0,0,0,0.2),6,0.0,0,2);
}

我的效果和这个差远了。这也可以通过操纵效果或其他方式来实现吗？

谢谢

Answer 1

使用以下内容，我似乎使文本看起来像第二个（底部），这对我来说已经足够了：

.progress-view .title {
    -fx-font: 60px "Bilbo Swash Caps";
    -fx-fill: white;
    -fx-stroke: black;
    -fx-stroke-width: 2;
    -fx-blend-mode: darken;
}

不过，我想看看另一个的烟熏效果，所以 post 您找到的任何解决方案。谢谢！

Javafx css 实现这种文本效果

Javafx css achieve this sort of effect on text

css

javafx-2