Html 是否可以使用CSS来确保文本始终以相同的方式显示？

我正在开发一个古兰经应用程序（古兰经是穆斯林的神圣文本），市场上已经有很多这样的应用程序，但我想到的那个有点特别

古兰经应用程序有两种类型：与纸质版完全相同的类型（即第1页在所有版本中看起来完全相同，无论出版商是谁）。这些应用程序的问题在于，它们使用图像来确保每个页面看起来完全相同，这是不必要的带宽，也不是很灵活。这也不允许用户选择单独的诗句（也就是说，获得翻译或听到该特定诗句的背诵）

例如：

《古兰经》的另一种类型是使用文本的类型，允许灵活选择诗歌。当然，需要注意的是，没有“页面”，这些应用程序往往只在自己的行中包含每一句话（如果必要的话，请环绕）

例如：

第二类《古兰经》应用程序的问题在于，《古兰经》是记忆最为广泛的书籍之一。人们记忆它的方式之一是通过页面上的位置

所以我想把这两个世界结合起来。我想用文本来呈现古兰经，但我也希望它看起来完全像纸质版本，一页一页，一行一行

那可能吗

这就是我所拥有的（非常粗略）：

这是我的CSS：

@font-face {
    font-family: Arabz;
    src: url(https://dl.dropboxusercontent.com/u/17145089/tyaslab/KFGQPCUthmanTahaNaskh.ttf);
}

p {
    font-family: Arabz;
    text-align: justify; /*To justify the text, all the books do this */
    font-size: 26px; 
}

谢谢

---

编辑2：进一步思考后，定义因素将是找到字体。由于古兰经的脚本没有单一的模式（有时同一个单词可以根据上下文的不同而写得不同），我认为没有一种字体适用于此。在这个问题的上下文中，使用任何其他字体在理论上都是可行的，但它不会被人使用，因为它不会模仿物理文本

您可以通过使用一些CSS属性来接近图像质量

body {
    background-image: url(BACKGROUND_IMAGE_URL_HERE);
    background-size: cover;
}

然后

---

顺便说一句，当你使用文本方法时，你会有诗歌选择。

我的答案是肯定的，但事实上，这个问题太宽泛了。我怎样才能让它更具体？我同意Jeremy的观点，但我想你的解决方案只是为itI找到合适的字体和设计。我会在Jeremy的评论中补充说，你应该展示你尝试过的做法，并指出你的具体问题。我想实现的主要功能是诗句选择，这在基于图像的静态应用程序上是不可能的。背景图像做什么？它是为您的页面获取背景图像。将此规则放在页面正文中。背景图像是否应该是页面的图像？是的，确实应该。

text-align: justify /*To justify the text, all the books do this */
font-size: CUSTOME_SIZEpx /* With justify and this you can control very rigorously your page content to fit exactly as the original book does */