javascript - 对链接中的每个单词应用首字下沉

标签 javascript html css capitalization

我想重新创建在 http://www.thedecoratorsource.co.uk 中看到的菜单效果使用 CSS 字体和首字下沉。

我知道我可以用

p.introduction:first-letter {
font-size : 300%;
}

这将给我第一个带有较大第一个字符的单词,但我想将它应用于每个单词。我猜没有办法用 CSS(3) 做到这一点。我最好选择 javascript 吗?我已经在页面上找到了 Moo,所以这是我的首选方法。

我不想在我的链接中添加额外的 HTML 来实现这一点。

谢谢

最佳答案

这不是首字下沉(即当您在段落的开头有一个大写的大写字母时,该段落需要三四行)。这是小帽。

最简单的方法是找到一个小型大写字体,并将每个单词大写。可悲的是,我在 google web font api 上找到的唯一具有小型大写字母的字体可能没有正确的字符:

http://code.google.com/webfonts/family?family=Walter+Turncoat&subset=latin

关于javascript - 对链接中的每个单词应用首字下沉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4726435/

相关文章:

javascript - 如何通过单击按钮将示例代码复制到剪贴板中

javascript - 如何打印从 REST 返回的嵌套错误消息?

html - 如何在 Bootstrap 中使两列的高度相同?

HTML 视频无法在 Safari 浏览器中播放

javascript - 使用 JS 设置 CSS -moz-transition

javascript - 获取 ajax post 请求的用户输入?

javascript - 取消 google plus 登录按钮

javascript - 在网站上分配自定义起始位置

css - SASS:Compass 没有正确输出我的代码?

html - 调整面板@media的高度