#100：年鉴样式，第一部分

现在我们已经完成了在年鉴主页上获取适当内容的任务，我们可以深入研究一些实际的 CSS 样式。

我们决定在这个设计中使用一些手写字体。我们在 Dafont 上浏览了一些字体，最终下载了 Shadows Into Light。下载的文件包含适用于桌面的字体格式，但并不包含 @font-face 所需的所有格式。因此，我们将其通过 Font Squirrel 进行处理。

我们将字体移到它们应该位于的目录结构中。然后，我们将项目中其他地方的 @font-face 语法复制粘贴到我们专门针对年鉴的 CSS 中，并更改字体名称等内容。

我们将剩余的时间用于调整 CSS，以确保布局正确，设置颜色等等。实际上，这是一个相当有趣和有趣的 CSS 挑战，需要确保所有内容都能正确地布局。毕竟，我们对 HTML 输出的控制非常有限。它只是嵌套的列表。因此，我们必须精确地定位和浮动元素，才能获得我们在 Photoshop 中设想的精确布局。