是否有可能实现类似于右栏中所见的字体效果 使用纯CSS的右栏中的http://www.athensfoodtours.com/tours/网站？我猜 这是不可能的，但在开始制作一些丑陋的图像之前要确定...
答案 0 :(得分：1)
答案 1 :(得分：1)
其中一些答案需要拉伸类型。如果您对字体设计有任何考虑，这是一个巨大的禁忌。 ;）
可视化的示例是按比例缩放类型，直到它适合特定宽度。
你不能用CSS做到这一点，但你可以用JS。
你将div中的每一行都设置为内联块，这样你就可以抓住它的宽度。然后抓住宽度，将其与应该的宽度进行比较，然后按某个测量单位增大或减小字体大小，重新检查尺寸，然后重复直到它与目标宽度相匹配。
这是一个有趣的问题/挑战。如果没有人在接下来的几个小时里给你一个有效的例子，我会试着回来鞭打一些东西。
答案 2 :(得分：0)
不是自动的，但您可以为每一行手动设置font-stretch样式。我不确定标签的支持范围有多广，但这是该风格的W3C规范：
CSS Font Module Level 3 - 第3.3节
可能的用法...
{font-weight: ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded}
答案 3 :(得分：0)
它们是图像，它是这样实现的;
a span {text-indent: -9999px;}
每个a都有一个id分配给它一个背景图像放置，然后在悬停时改变背景位置就像这样。
#somelink:hover {background-position: 0 20px;}
你可以告诉他们是图片，看看五点链接，S稍微剪下来，那里有邋design的设计！