/* 涂鸦字体定义 */

/* 使用网络安全字体作为基础 */
@font-face {
    font-family: 'GraffitiWildstyle';
    src: url('../fonts/wildstyle.woff2') format('woff2'),
         url('../fonts/wildstyle.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GraffitiBubble';
    src: url('../fonts/bubble.woff2') format('woff2'),
         url('../fonts/bubble.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GraffitiTag';
    src: url('../fonts/tag.woff2') format('woff2'),
         url('../fonts/tag.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 使用Google Fonts作为替代 */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Wet+Paint&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Burned&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Londrina+Sketch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

/* 新增节日、手写和婚礼风格字体 */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Over+the+Rainbow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');

/* 字体回退机制 */
.wildstyle-font {
    font-family: 'GraffitiWildstyle', 'Permanent Marker', cursive;
}

.bubble-font {
    font-family: 'GraffitiBubble', 'Bungee Shade', cursive;
}

.tag-font {
    font-family: 'GraffitiTag', 'Rock Salt', cursive;
}

.block-font {
    font-family: 'Bangers', Impact, sans-serif;
}

.chrome-font {
    font-family: 'Bungee Inline', sans-serif;
}

.glitch-font {
    font-family: 'Rubik Glitch', cursive;
}

.wet-paint-font {
    font-family: 'Rubik Wet Paint', cursive;
}

.burned-font {
    font-family: 'Rubik Burned', cursive;
}

.sketch-font {
    font-family: 'Londrina Sketch', cursive;
}

.shadow-font {
    font-family: 'Londrina Shadow', cursive;
}

.outline-font {
    font-family: 'Londrina Outline', cursive;
}

.display-font {
    font-family: 'Sedgwick Ave Display', cursive;
}

.handwriting-font {
    font-family: 'Sedgwick Ave', cursive;
}

/* 新增节日、手写和婚礼风格字体类 */
.dancing-script-font {
    font-family: 'Dancing Script', cursive;
}

.great-vibes-font {
    font-family: 'Great Vibes', cursive;
}

.pacifico-font {
    font-family: 'Pacifico', cursive;
}

.sacramento-font {
    font-family: 'Sacramento', cursive;
}

.satisfy-font {
    font-family: 'Satisfy', cursive;
}

.cookie-font {
    font-family: 'Cookie', cursive;
}

.birthstone-font {
    font-family: 'Birthstone', cursive;
}

.caveat-font {
    font-family: 'Caveat', cursive;
}

.indie-flower-font {
    font-family: 'Indie Flower', cursive;
}

.shadows-into-light-font {
    font-family: 'Shadows Into Light', cursive;
}

.over-the-rainbow-font {
    font-family: 'Over the Rainbow', cursive;
}

.marck-script-font {
    font-family: 'Marck Script', cursive;
}

.alex-brush-font {
    font-family: 'Alex Brush', cursive;
}

.calligraffitti-font {
    font-family: 'Calligraffitti', cursive;
}

.cedarville-cursive-font {
    font-family: 'Cedarville Cursive', cursive;
}