preact实现文章文字字母单词首字母加粗显示效果代码

代码语言:html

所属分类:布局界面

代码描述:preact实现文章文字字母单词首字母加粗显示效果代码果对比代码

代码标签: preact 文章 文字 字母 单词 首字母 加粗 显示

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

<link href="https://fonts.googleapis.com/css2?family=Exo:wght@300..900&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">


  
  
<style>
html {
  font-size: 20px;
}

* {
  font-family: "Exo";
  letter-spacing: 0.025em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  padding: 20px;
  background: #efefef;
}

.text-wrapper {
  max-width: 60ch;
  margin: 0 auto;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
}

a {
  color: #ff416c;
  font-weight: 800;
  text-underline-offset: 0.125rem;
}

h2 {
  font-size: 1.25rem;
  margin: 1rem 0 0.5rem 0;
  padding: 0;
}

small {
  font-size: 0.75rem;
}

p {
  line-height: 1.6em;
  color: #434343;
}
</style>


</head>

<body >
  <div id="root"></div>


  
      <script type="module">
import { h, render, Fragment } from "//repo.bfw.wiki/bfwrepo/js/preact.module.js";


// Long input string from Arrested Development @ fillerama.io
const inputString = `I'm a monster. No, I did not kill Kitty. However, I am going to oblige and answer the nice officer's questions because I am an honest man with no secrets to hide. Did you enjoy your meal, Mom? You drank it fast enough. Across from where? I've opened a door here that I regret. That's why you always leave a note! I've opened a door here that I regret. What's Spanish for "I know you speak English?" There's only one man I've ever called a coward, and that's Brian Doyle Murray. No, what I'm calling you is a television actor. Guy's a pro. Michael! Marry me. We just call it a sausage. Get me a vodka rocks. And a piece of toast. Th.........完整代码请登录后点击上方下载按钮下载查看

网友评论0