[!note] “爱范儿”是一个介绍消费电子和App的一个公众号,尤其是和苹果、华为有关的新产品、新技术方面的内容质量高。

这个号的排版风格清新可以借鉴

这个模板是个尝试

参考的文章:iOS 26 最全预测:苹果终于不谈 AI 了,但这些升级你每天都在用

1. 变量

:root {
  --article-font-family: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Tahoma, Arial, "Heiti SC", STHeiti, SimHei, sans-serif; 
  --article-line-height: 27px;
  --article-font-weight: 300;
  --paragraph-font-family: PingFangSC-light, system-ui;
  --article-text-font-size: 15px;
  --article-text-color: rgb(34, 34, 34);
  --paragraph-margin: 27px 0;
  --paragraph-padding: 0 15px;
  --image-caption-text-color: #A7A7A7;
  --image-cation-font-size: 12px;
  --heading-color: #66CDAA;
  --heading-font-family: PingFangSC-Semibold, system-ui;
  --heading-font-weight: 600;
  --strong-color: #FD4606;
  --article-max-width: none;
  --heading-margin: 1rem 0;
  --article-text-align: justify;
  --article-font-size: 15px;
  
}

2. 元素

:root {
	--heading-color: rgb(0, 128, 255);
	--h2-font-size: 21px;
	--blockquote-font-style: normal;
}

.wewrite {
	font-family: var(--article-font-family);
	font-weight: var(--article-font-weight);
	word-break: var(--article-word-break);
	letter-spacing: var(--article-letter-space);
	color: var(--article-text-color);
	font-size: var(--article-text-font-size);
	line-height: var(--article-line-height);
	text-align: var(--article-text-align);
	text-indent: var(--article-text-indent);
	font-style: var(--article-font-style); 
}

3. 引用

blockquote {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  border-left: 4px solid #d8d8d8;
  line-height: 23px;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
  background: transparent;
  border-radius: 0px;
}
.wewrite-image-caption {
	font-size: 12px;
	color: rgb(136, 136, 136)
}

苹果 WWDC25 即将到来,爱范儿将在 Apple Park 现场给大家带来最新报道,敬请关注。 640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1 如果说每年九月是苹果硬件的科技春晚,那么每年夏天的 WWDC,就是苹果软件的年度盛典。

全面看齐 Vision Pro,UI 设计大更新

开眼在即

在这句宣传语的上方,是取材于 Apple Park 拱门形状的宣传标识,标识由泛着彩虹色的毛玻璃材质打造。

wwcap: 无奖竞猜:Apple Invites 是什么时候上线的?