使用HTML / CSS显示锯齿状字体

Question

我需要使用HTML / CSS渲染一些文本，而不需要任何屏幕平滑或别名，或任何类型的东西。使用此字体呈现的文本也需要具有轮廓。用例是我希望使用文本的主体的背景颜色作为外部应用程序的透明度键，我希望文本是实心和清晰的，没有任何平滑。这就是目前的样子：

我正在使用电子开发应用程序。我已经尝试了从text-rendering: optimizeSpeed和font-smooth: never到使用HTML5画布渲染文本的所有内容，但我似乎无法获得我想要的输出，这与此完全相同，来自使用C＃创建的应用程序：

两张图片都放大了1000％。是否可以使用HTML / CSS？如果没有，我能得到的最接近的是什么？

Answer 1

This is about as close as i can get.

JSFiddle

show_name = str(input("Please Enter Show Name: ")).upper()

if show_name in ['SEINFELD', 'JERRY SEINFELD', 'THE SEINFELD SHOW', 'JERRY']:    
    seinfeld_keywords = (str(input("Please Enter Seinfeld Keywords: "))).upper()  
else: 
    print("Sorry, %s Is Not Currently Available.  Please Check Back Soon!" %show_name)
    continue

Play with the text-shadow to gain different results. Basically you can stack them to your needs. It surely needs some tweaking.

Another good Question about it: Outline effect to text

Edit

The Font i used is Press Start 2P. Its a Google Font and you can find it here.