【发布时间】:2020-08-14 15:21:18
【问题描述】:
我正在使用font-display: optional 将我的字体设为可选,并仅将其显示给具有快速互联网连接的用户。一直有字体并不重要,设计团队不希望发生字体交换。
有人问我是否可以跟踪使用该字体的用户数量。字体现在是自托管的,我们使用的是 Adobe Typekit。
有人知道如何跟踪它吗?
【问题讨论】:
标签: css fonts analytics webfonts typekit
我正在使用font-display: optional 将我的字体设为可选,并仅将其显示给具有快速互联网连接的用户。一直有字体并不重要,设计团队不希望发生字体交换。
有人问我是否可以跟踪使用该字体的用户数量。字体现在是自托管的,我们使用的是 Adobe Typekit。
有人知道如何跟踪它吗?
【问题讨论】:
标签: css fonts analytics webfonts typekit
首先,如果您可以使用 javascript,这个问题可能会对您有所帮助:How to get the actual rendered font when it's not defined in CSS?
首先,您必须定义已接受答案中给出的函数:
function css(element, property) {
return window.getComputedStyle(element, null).getPropertyValue(property);
}
然后你可以这样使用它:
var fontUsed = css([insert element here], 'font-family')
然后我会使用ajax 和php 将fontUsed 变量上传到mySQL 数据库,为每个用户创建一个新行。然后,您可以处理结果并查看有多少用户使用了您的字体。
如果您需要帮助,请参阅 w3schools 的 ajax 教程:https://www.w3schools.com/js/js_ajax_intro.asp
【讨论】: