我需要用 cookie 控制 CSS：
- 当用户通过我在所有页面上包含的控件选择样式时，该设置需要持续存在，直到用户更改它或 cookie 过期
- 用户返回时不应出现默认样式或 FOUC
- 没有 jquery 或其他库或框架
- 适用于 Windows 上的 IE、Firefox、Chrome、Opera、Safari；MacOS 上的最后四个；iOS 上的 Safari；Linux 上的 Firefox 和 Chrome）
- 将使用的网络字体绑定到特定的@class 属性
- 按钮收缩其文本值
- 用于切换样式和显示 cookie 状态的复选框
我的第一个策略是在 <body> 元素上设置一个 onload 处理程序。我已经看到至少有两种其他方法的讨论：
document.write在构建页面时，在 <head> 中创建指向样式表的 <link>。- sitewizard.com创建一组小型样式表，并让用户一次设置一个以激活。
我将不胜感激有关选择易于编码和维护的策略的建议，并在我需要支持的浏览器中提供我需要的功能。