CodePen Embed - CSS Shapes - SVG-text alphabet

<div id="wrapper">The letter <b>K</b> comes from the Greek letter Κ (kappa), which was taken from the Semitic kaph, the symbol for an open hand. <span class="emoji"></span>This, in turn, was likely adapted by Semitic tribes who had lived in Egypt from the hieroglyph for "hand" representing /ḏ/ in the Egyptian word for hand, ⟨ḏ-r-t⟩ (likely pronounced /ˈcʼaːɾat/ in Old Egyptian). The Semites evidently assigned it the sound value /k/ instead, because their word for hand started with that sound. </div>

.emoji{
	--image-url: url("data:image/svg+xml,<svg width='150px' height='150px' xmlns='http://www.w3.org/2000/svg'> <clipPath id='emojiClipPath'> <text x='0' y='130px'  font-size='130px'>K</text> </clipPath> <rect x='0' y='0' fill='blue' width='150px' height='150px' clip-path='url(%23emojiClipPath)' /> </svg>");
	background: var(--image-url);
	shape-outside: var(--image-url);
	float: left;
	width: 150px;height: 150px;
	margin-left: -6px;
	margin-top: -6px;
}
#wrapper {
	margin: auto; margin-top: calc(50vh - 170px);
	text-align: justify;
	width: 280px; height: 340px;
}
body { font-family: "Sorts mill goudy"; }

This Pen is owned by Preethi Sam on CodePen.

See more by @rpsthecoder on CodePen

External CSS

https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.