我想在圆圈内写美联社的图形.这个圈子不是满的，但大概是30%.我已经在一个响应性的四分之一圆内写了美联社的图形.我写的代码是.
<html>
<head>
<title>
AP Graphis
</title>
<style>
.quarter{
position: relative;
width: 20vw;
height: 20vw;
border-top-right-radius:0;
border-top-left-radius:0;
border-bottom-right-radius:100%;
border-bottom-left-radius:0;
background: orange;
}
</style>
</head>
<body>
<h1 class="quarter" style="color: white;"><br> <u>AP GRAPHICS</u></h1>
</body>
</html>但我不能让它像下面的图片那样.我也不知道如何混合美联社的a和p.我也不知道文字的字体.我对css还是个新手，对它一无所知.
